{"id":26823,"date":"2022-12-20T05:47:57","date_gmt":"2022-12-20T00:17:57","guid":{"rendered":"https:\/\/jassweb.com\/solved\/solved-jquery-javascript-wont-work-within-ajax-script-closed\/"},"modified":"2022-12-20T05:47:57","modified_gmt":"2022-12-20T00:17:57","slug":"solved-jquery-javascript-wont-work-within-ajax-script-closed","status":"publish","type":"post","link":"https:\/\/jassweb.com\/solved\/solved-jquery-javascript-wont-work-within-ajax-script-closed\/","title":{"rendered":"[Solved] JQuery \/ JavaScript won&#8217;t work WITHIN AJAX script [closed]"},"content":{"rendered":"<p> [ad_1]<br \/>\n<\/p>\n<div id=\"answer-22844377\" class=\"answer js-answer accepted-answer js-accepted-answer\" data-answerid=\"22844377\" data-parentid=\"22843127\" data-score=\"0\" data-position-on-page=\"1\" data-highest-scored=\"1\" data-question-has-accepted-highest-score=\"1\" itemprop=\"acceptedAnswer\" itemscope itemtype=\"https:\/\/schema.org\/Answer\">\n<div class=\"post-layout\">\n<div class=\"votecell post-layout--left\"><\/div>\n<div class=\"answercell post-layout--right\">\n<div class=\"s-prose js-post-body\" itemprop=\"text\">\n<p>Your code&#8230;<\/p>\n<pre><code>$(\"#content\").load(\"content.html #about\");\n<\/code><\/pre>\n<p>is like the example in the <strong>&#8220;Script Execution&#8221;<\/strong> section of <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/api.jquery.com\/load\/\">the <code>.load()<\/code> documentation<\/a>.<\/p>\n<blockquote>\n<p><em>When calling <code>.load()<\/code> using a URL without a suffixed selector expression, the content is passed to <code>.html()<\/code> prior to scripts being removed. This executes the script blocks before they are discarded. If <code>.load()<\/code> is called with a selector expression appended to the URL, however, the scripts are stripped out prior to the DOM being updated, and thus are not executed. An example of both cases can be seen below:<\/em><\/p>\n<p><em>in the following case, script blocks in the document being loaded into <code>#b<\/code> are stripped out and <strong>not executed<\/strong>:<\/em><\/p>\n<p><code>$( \"#b\" ).load( \"article.html #target\" );<\/code><\/p>\n<\/blockquote>\n<hr>\n<p>You could try using the <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/api.jquery.com\/jQuery.getScript\/\">jQuery <code>.getScript()<\/code> method<\/a> within your <code>.load()<\/code> callback function.  This will ensure the new HTML is loaded before the scripts are loaded and executed.<\/p>\n<pre><code>$(\"#content\").load(\"content.html #about\", function() {\n    $.getScript(\"myJavaScript.js\");\n});\n<\/code><\/pre>\n<\/p><\/div>\n<div class=\"mt24\"><\/div>\n<\/div>\n<p>            <span class=\"d-none\" itemprop=\"commentCount\">3<\/span> <\/p><\/div>\n<\/div>\n<p>[ad_2]<\/p>\n<p>solved JQuery \/ JavaScript won&#8217;t work WITHIN AJAX script [closed] <\/p>\n","protected":false},"excerpt":{"rendered":"<p>[ad_1] Your code&#8230; $(&#8220;#content&#8221;).load(&#8220;content.html #about&#8221;); is like the example in the &#8220;Script Execution&#8221; section of the .load() documentation. When calling .load() using a URL without a suffixed selector expression, the content is passed to .html() prior to scripts being removed. This executes the script blocks before they are discarded. If .load() is called with a &#8230; <a title=\"[Solved] JQuery \/ JavaScript won&#8217;t work WITHIN AJAX script [closed]\" class=\"read-more\" href=\"https:\/\/jassweb.com\/solved\/solved-jquery-javascript-wont-work-within-ajax-script-closed\/\" aria-label=\"More on [Solved] JQuery \/ JavaScript won&#8217;t work WITHIN AJAX script [closed]\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[320],"tags":[334,333,388],"class_list":["post-26823","post","type-post","status-publish","format-standard","hentry","category-solved","tag-ajax","tag-javascript","tag-jquery"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>[Solved] JQuery \/ JavaScript won&#039;t work WITHIN AJAX script [closed] - JassWeb<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/jassweb.com\/solved\/solved-jquery-javascript-wont-work-within-ajax-script-closed\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"[Solved] JQuery \/ JavaScript won&#039;t work WITHIN AJAX script [closed] - JassWeb\" \/>\n<meta property=\"og:description\" content=\"[ad_1] Your code&#8230; $(&quot;#content&quot;).load(&quot;content.html #about&quot;); is like the example in the &#8220;Script Execution&#8221; section of the .load() documentation. When calling .load() using a URL without a suffixed selector expression, the content is passed to .html() prior to scripts being removed. This executes the script blocks before they are discarded. If .load() is called with a ... Read more\" \/>\n<meta property=\"og:url\" content=\"https:\/\/jassweb.com\/solved\/solved-jquery-javascript-wont-work-within-ajax-script-closed\/\" \/>\n<meta property=\"og:site_name\" content=\"JassWeb\" \/>\n<meta property=\"article:published_time\" content=\"2022-12-20T00:17:57+00:00\" \/>\n<meta name=\"author\" content=\"Kirat\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kirat\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/solved-jquery-javascript-wont-work-within-ajax-script-closed\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/solved-jquery-javascript-wont-work-within-ajax-script-closed\\\/\"},\"author\":{\"name\":\"Kirat\",\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/#\\\/schema\\\/person\\\/65c9c7b7958150c0dc8371fa35dd7c31\"},\"headline\":\"[Solved] JQuery \\\/ JavaScript won&#8217;t work WITHIN AJAX script [closed]\",\"datePublished\":\"2022-12-20T00:17:57+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/solved-jquery-javascript-wont-work-within-ajax-script-closed\\\/\"},\"wordCount\":146,\"publisher\":{\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/#organization\"},\"keywords\":[\"ajax\",\"javascript\",\"jquery\"],\"articleSection\":[\"Solved\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/solved-jquery-javascript-wont-work-within-ajax-script-closed\\\/\",\"url\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/solved-jquery-javascript-wont-work-within-ajax-script-closed\\\/\",\"name\":\"[Solved] JQuery \\\/ JavaScript won't work WITHIN AJAX script [closed] - JassWeb\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/#website\"},\"datePublished\":\"2022-12-20T00:17:57+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/solved-jquery-javascript-wont-work-within-ajax-script-closed\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/jassweb.com\\\/solved\\\/solved-jquery-javascript-wont-work-within-ajax-script-closed\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/solved-jquery-javascript-wont-work-within-ajax-script-closed\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"[Solved] JQuery \\\/ JavaScript won&#8217;t work WITHIN AJAX script [closed]\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/#website\",\"url\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/\",\"name\":\"JassWeb\",\"description\":\"Build High-quality Websites\",\"publisher\":{\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/#organization\",\"name\":\"Jass Web\",\"url\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/jassweb.com\\\/wp-content\\\/uploads\\\/2021\\\/02\\\/jass-website-logo-1.png\",\"contentUrl\":\"https:\\\/\\\/jassweb.com\\\/wp-content\\\/uploads\\\/2021\\\/02\\\/jass-website-logo-1.png\",\"width\":693,\"height\":132,\"caption\":\"Jass Web\"},\"image\":{\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/#\\\/schema\\\/person\\\/65c9c7b7958150c0dc8371fa35dd7c31\",\"name\":\"Kirat\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/wp-content\\\/litespeed\\\/avatar\\\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1777613206\",\"url\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/wp-content\\\/litespeed\\\/avatar\\\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1777613206\",\"contentUrl\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/wp-content\\\/litespeed\\\/avatar\\\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1777613206\",\"caption\":\"Kirat\"},\"sameAs\":[\"http:\\\/\\\/jassweb.com\"],\"url\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/author\\\/jaspritsinghghumangmail-com\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"[Solved] JQuery \/ JavaScript won't work WITHIN AJAX script [closed] - JassWeb","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/jassweb.com\/solved\/solved-jquery-javascript-wont-work-within-ajax-script-closed\/","og_locale":"en_US","og_type":"article","og_title":"[Solved] JQuery \/ JavaScript won't work WITHIN AJAX script [closed] - JassWeb","og_description":"[ad_1] Your code&#8230; $(\"#content\").load(\"content.html #about\"); is like the example in the &#8220;Script Execution&#8221; section of the .load() documentation. When calling .load() using a URL without a suffixed selector expression, the content is passed to .html() prior to scripts being removed. This executes the script blocks before they are discarded. If .load() is called with a ... Read more","og_url":"https:\/\/jassweb.com\/solved\/solved-jquery-javascript-wont-work-within-ajax-script-closed\/","og_site_name":"JassWeb","article_published_time":"2022-12-20T00:17:57+00:00","author":"Kirat","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Kirat","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/jassweb.com\/solved\/solved-jquery-javascript-wont-work-within-ajax-script-closed\/#article","isPartOf":{"@id":"https:\/\/jassweb.com\/solved\/solved-jquery-javascript-wont-work-within-ajax-script-closed\/"},"author":{"name":"Kirat","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31"},"headline":"[Solved] JQuery \/ JavaScript won&#8217;t work WITHIN AJAX script [closed]","datePublished":"2022-12-20T00:17:57+00:00","mainEntityOfPage":{"@id":"https:\/\/jassweb.com\/solved\/solved-jquery-javascript-wont-work-within-ajax-script-closed\/"},"wordCount":146,"publisher":{"@id":"https:\/\/jassweb.com\/solved\/#organization"},"keywords":["ajax","javascript","jquery"],"articleSection":["Solved"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/jassweb.com\/solved\/solved-jquery-javascript-wont-work-within-ajax-script-closed\/","url":"https:\/\/jassweb.com\/solved\/solved-jquery-javascript-wont-work-within-ajax-script-closed\/","name":"[Solved] JQuery \/ JavaScript won't work WITHIN AJAX script [closed] - JassWeb","isPartOf":{"@id":"https:\/\/jassweb.com\/solved\/#website"},"datePublished":"2022-12-20T00:17:57+00:00","breadcrumb":{"@id":"https:\/\/jassweb.com\/solved\/solved-jquery-javascript-wont-work-within-ajax-script-closed\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jassweb.com\/solved\/solved-jquery-javascript-wont-work-within-ajax-script-closed\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/jassweb.com\/solved\/solved-jquery-javascript-wont-work-within-ajax-script-closed\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/jassweb.com\/solved\/"},{"@type":"ListItem","position":2,"name":"[Solved] JQuery \/ JavaScript won&#8217;t work WITHIN AJAX script [closed]"}]},{"@type":"WebSite","@id":"https:\/\/jassweb.com\/solved\/#website","url":"https:\/\/jassweb.com\/solved\/","name":"JassWeb","description":"Build High-quality Websites","publisher":{"@id":"https:\/\/jassweb.com\/solved\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/jassweb.com\/solved\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/jassweb.com\/solved\/#organization","name":"Jass Web","url":"https:\/\/jassweb.com\/solved\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/","url":"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png","contentUrl":"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png","width":693,"height":132,"caption":"Jass Web"},"image":{"@id":"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31","name":"Kirat","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1777613206","url":"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1777613206","contentUrl":"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1777613206","caption":"Kirat"},"sameAs":["http:\/\/jassweb.com"],"url":"https:\/\/jassweb.com\/solved\/author\/jaspritsinghghumangmail-com\/"}]}},"_links":{"self":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts\/26823","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/comments?post=26823"}],"version-history":[{"count":0,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts\/26823\/revisions"}],"wp:attachment":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/media?parent=26823"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/categories?post=26823"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/tags?post=26823"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}