{"id":30102,"date":"2023-01-13T07:03:53","date_gmt":"2023-01-13T01:33:53","guid":{"rendered":"https:\/\/jassweb.com\/solved\/solved-how-to-use-jquery-on-multiple-pages\/"},"modified":"2023-01-13T07:03:53","modified_gmt":"2023-01-13T01:33:53","slug":"solved-how-to-use-jquery-on-multiple-pages","status":"publish","type":"post","link":"https:\/\/jassweb.com\/solved\/solved-how-to-use-jquery-on-multiple-pages\/","title":{"rendered":"[Solved] how to use jQuery on multiple pages"},"content":{"rendered":"<p> [ad_1]<br \/>\n<\/p>\n<div id=\"answer-31370384\" class=\"answer js-answer accepted-answer js-accepted-answer\" data-answerid=\"31370384\" data-parentid=\"31361737\" data-score=\"-1\" 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>Right&#8230; I had found the downvotes strange&#8230; you guys almost gave me a sad birthday \ud83d\ude1b turns out the issue wasn&#8217;t understandable till you fall in the trap. Found the solution in one of these obscure web places \ud83d\ude09<\/p>\n<p>Here you go:<br \/>\nSomehow pages loaded into other pages through certain methods (ajax being one?) get stripped of their &#8220;calling the javascript&#8221; capabilities. I had:<\/p>\n<p>main page  &#8211;&gt; | div 1 on left | div 2 on right|<\/p>\n<p>Stuff gets loaded into div 2 depending on actions taken on div 1 or div 2 itself. This means in my case that whatever is loaded into div 2 ALSO needs javascript capabilities for the decision taking.<\/p>\n<p>a random page X.htm&#8212;&gt; |html+css+js|<\/p>\n<p>(this one being one of various &#8220;pages&#8221; that could be loaded in DIV 2 in main page)<\/p>\n<p>html works ok, css works ok, js doesn&#8217;t work AT ALL, never ever. Not even SEEN by anyone? Dunno why&#8230;<\/p>\n<p>SOLUTION:<\/p>\n<p>1) put the JS relevant to your child pages in  of main page!<br \/>\n2) put the following at end of any page loaded into DIV 2, like &#8220;page X&#8221; above<\/p>\n<pre><code>&lt;img src=\"https:\/\/stackoverflow.com\/questions\/31361737\/oneTransparentPixel.png\" onload=\"theFunctionWeNeedInPageX()\" \/&gt;\n<\/code><\/pre>\n<p>Where you create a 1 pixel transparent image to be loaded (!). The hack here is that the loading of the image allows for the calling of the function we need&#8230;<\/p>\n<p>I don&#8217;t know if the JS code is unseen if in the child page, or not executed, or the page isn&#8217;t yet ready to execute it. Whatever the case, this &#8220;solution&#8221; allows for<br \/>\n1) code is now seen<br \/>\n2) it is executed once the page is ready to let the function do the stuff it should. In my case the function stylizes the mouse over\/collapsing\/etc of a list in the child page X. So it <em>might<\/em> have been that the code was not yet ready to be applied on the list because the list didn&#8217;t yet exist &#8211; was not rendered by the browser, or because the code was not being seen by anyone. Could someone clarify what was happening, or point us to what to read so we know?<br \/>\nThank you for your time \ud83d\ude42<\/p>\n<\/p><\/div>\n<div class=\"mt24\"><\/div>\n<\/div>\n<p>            <span class=\"d-none\" itemprop=\"commentCount\"><\/span> <\/p><\/div>\n<\/div>\n<p>[ad_2]<\/p>\n<p>solved how to use jQuery on multiple pages <\/p>\n","protected":false},"excerpt":{"rendered":"<p>[ad_1] Right&#8230; I had found the downvotes strange&#8230; you guys almost gave me a sad birthday \ud83d\ude1b turns out the issue wasn&#8217;t understandable till you fall in the trap. Found the solution in one of these obscure web places \ud83d\ude09 Here you go: Somehow pages loaded into other pages through certain methods (ajax being one?) &#8230; <a title=\"[Solved] how to use jQuery on multiple pages\" class=\"read-more\" href=\"https:\/\/jassweb.com\/solved\/solved-how-to-use-jquery-on-multiple-pages\/\" aria-label=\"More on [Solved] how to use jQuery on multiple pages\">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":[346,333,388,414],"class_list":["post-30102","post","type-post","status-publish","format-standard","hentry","category-solved","tag-html","tag-javascript","tag-jquery","tag-scope"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>[Solved] how to use jQuery on multiple pages - 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-how-to-use-jquery-on-multiple-pages\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"[Solved] how to use jQuery on multiple pages - JassWeb\" \/>\n<meta property=\"og:description\" content=\"[ad_1] Right&#8230; I had found the downvotes strange&#8230; you guys almost gave me a sad birthday \ud83d\ude1b turns out the issue wasn&#8217;t understandable till you fall in the trap. Found the solution in one of these obscure web places \ud83d\ude09 Here you go: Somehow pages loaded into other pages through certain methods (ajax being one?) ... Read more\" \/>\n<meta property=\"og:url\" content=\"https:\/\/jassweb.com\/solved\/solved-how-to-use-jquery-on-multiple-pages\/\" \/>\n<meta property=\"og:site_name\" content=\"JassWeb\" \/>\n<meta property=\"article:published_time\" content=\"2023-01-13T01:33:53+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=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-how-to-use-jquery-on-multiple-pages\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-how-to-use-jquery-on-multiple-pages\/\"},\"author\":{\"name\":\"Kirat\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31\"},\"headline\":\"[Solved] how to use jQuery on multiple pages\",\"datePublished\":\"2023-01-13T01:33:53+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-how-to-use-jquery-on-multiple-pages\/\"},\"wordCount\":366,\"publisher\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\"},\"keywords\":[\"html\",\"javascript\",\"jquery\",\"scope\"],\"articleSection\":[\"Solved\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-how-to-use-jquery-on-multiple-pages\/\",\"url\":\"https:\/\/jassweb.com\/solved\/solved-how-to-use-jquery-on-multiple-pages\/\",\"name\":\"[Solved] how to use jQuery on multiple pages - JassWeb\",\"isPartOf\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#website\"},\"datePublished\":\"2023-01-13T01:33:53+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-how-to-use-jquery-on-multiple-pages\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/jassweb.com\/solved\/solved-how-to-use-jquery-on-multiple-pages\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-how-to-use-jquery-on-multiple-pages\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/jassweb.com\/solved\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"[Solved] how to use jQuery on multiple pages\"}]},{\"@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\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1776403586\",\"contentUrl\":\"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1776403586\",\"caption\":\"Kirat\"},\"sameAs\":[\"http:\/\/jassweb.com\"],\"url\":\"https:\/\/jassweb.com\/solved\/author\/jaspritsinghghumangmail-com\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"[Solved] how to use jQuery on multiple pages - 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-how-to-use-jquery-on-multiple-pages\/","og_locale":"en_US","og_type":"article","og_title":"[Solved] how to use jQuery on multiple pages - JassWeb","og_description":"[ad_1] Right&#8230; I had found the downvotes strange&#8230; you guys almost gave me a sad birthday \ud83d\ude1b turns out the issue wasn&#8217;t understandable till you fall in the trap. Found the solution in one of these obscure web places \ud83d\ude09 Here you go: Somehow pages loaded into other pages through certain methods (ajax being one?) ... Read more","og_url":"https:\/\/jassweb.com\/solved\/solved-how-to-use-jquery-on-multiple-pages\/","og_site_name":"JassWeb","article_published_time":"2023-01-13T01:33:53+00:00","author":"Kirat","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Kirat","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/jassweb.com\/solved\/solved-how-to-use-jquery-on-multiple-pages\/#article","isPartOf":{"@id":"https:\/\/jassweb.com\/solved\/solved-how-to-use-jquery-on-multiple-pages\/"},"author":{"name":"Kirat","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31"},"headline":"[Solved] how to use jQuery on multiple pages","datePublished":"2023-01-13T01:33:53+00:00","mainEntityOfPage":{"@id":"https:\/\/jassweb.com\/solved\/solved-how-to-use-jquery-on-multiple-pages\/"},"wordCount":366,"publisher":{"@id":"https:\/\/jassweb.com\/solved\/#organization"},"keywords":["html","javascript","jquery","scope"],"articleSection":["Solved"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/jassweb.com\/solved\/solved-how-to-use-jquery-on-multiple-pages\/","url":"https:\/\/jassweb.com\/solved\/solved-how-to-use-jquery-on-multiple-pages\/","name":"[Solved] how to use jQuery on multiple pages - JassWeb","isPartOf":{"@id":"https:\/\/jassweb.com\/solved\/#website"},"datePublished":"2023-01-13T01:33:53+00:00","breadcrumb":{"@id":"https:\/\/jassweb.com\/solved\/solved-how-to-use-jquery-on-multiple-pages\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jassweb.com\/solved\/solved-how-to-use-jquery-on-multiple-pages\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/jassweb.com\/solved\/solved-how-to-use-jquery-on-multiple-pages\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/jassweb.com\/solved\/"},{"@type":"ListItem","position":2,"name":"[Solved] how to use jQuery on multiple pages"}]},{"@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\/#\/schema\/person\/image\/","url":"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1776403586","contentUrl":"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1776403586","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\/30102","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=30102"}],"version-history":[{"count":0,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts\/30102\/revisions"}],"wp:attachment":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/media?parent=30102"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/categories?post=30102"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/tags?post=30102"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}