Jquery Mobile – $.mobile.changepage not loading external .JS files

by

jQuery Mobile does not pull the whole page into the dom, it grabs the first data-role="page" element and its descendants and pulls that into the current dom.

So any scripts in the <head> of the document will not be included.

I generally put all the functional JavaScript for my site on the index page and then when external pages are loaded into the dom they can benefit from the already loaded scripts.

Also, you can place JavaScript code inside the data-role="page" element and it will be included when jQuery Mobile does its AJAX load of the page.

UPDATE

A good system for this is to put all of your JS into an include file and include it on each page of the site. It will be ignored if pages are brought into the DOM by AJAX, but if someone refreshes somewhere in your site, the JS will be available.

More Related Contents:

  1. jQuery Mobile: document ready vs. page events
  2. jQuery Mobile: Markup Enhancement of dynamically added content
  3. Why I have to put all the script to index.html in jquery mobile
  4. How to check “checkbox” dynamically – jQuery Mobile
  5. How to swipe top down JQuery mobile
  6. In jQuery mobile, what’s the diff between tap and vclick?
  7. How to display an chage photo option on mouse hover similar to linkedin using Javascript? [closed]
  8. How to send data to the server via Ajax?
  9. How to force browser to show image 3 inches wide?
  10. Making a quiz in HTML and Javascript [closed]
  11. HTML Form Submit pass array to PHP [closed]
  12. Add/Remove Class of Nav Objects on Page Scroll
  13. How to find certain text in HTML
  14. jquery .get not getting [closed]
  15. How can I select an element by name with jQuery?
  16. How to save an image to localStorage and display it on the next page?
  17. jQuery disable/enable submit button
  18. Make function wait until element exists
  19. Javascript regex returning true.. then false.. then true.. etc [duplicate]
  20. how to disable DIV element and everything inside [duplicate]
  21. How Do I Stop My Web Content From Shifting Left When The Vertical Scrollbar Appears? Roll-Up of Advice 2017 [duplicate]
  22. Load HTML page dynamically into div with jQuery
  23. jQuery position DIV fixed at top on scroll
  24. How to prevent html/JavaScript code modification
  25. How can I set preview of video file, selecting from input type=’file’
  26. The data-toggle attributes in Twitter Bootstrap
  27. Extracting text from a contentEditable div
  28. How to remove jQuery Mobile styling?
  29. How to Bootstrap navbar static to fixed on scroll?
  30. How to highlight a part part of an Input text field in HTML using Javascript or JQuery

Leave a Comment