Dynamic content in jQuery Mobile?

Question

Hey there- I'm testing jQuery Mobile and have a question. I wrote a simple jQuery plug-in that animates a few images based on some parameters. Very basic stuff. Now this works on any page I link to externally (rel="external"). However, if I use the built in Ajax-driven page navigation, none of the images load on subsequent pages. Is there a way to work with dynamically created content within jQuery Mobile?

Script:

$(document).ready(function(){   
  $('#slideshow').rotator(50, 'img');   
});

Markup:

...
<div data-role="page">
    <div id="slideshow">
      <img src="images/1.png">
      <img src="images/2.png">
      <img src="images/3.png">
    </div>
</div>
...

Richard · Accepted Answer · 2011-03-16 13:14:07Z

4

You can bind to the pagebeforecreate event, which will fire when the page content is initially created and start your rotator from there:

$(document).ready(function(){
  $("#pageID").live('pagebeforecreate',function(event){
    $('#slideshow').rotator(50,'img');
  });
});

answered Mar 16, 2011 at 13:14

Richard

4,8304 gold badges36 silver badges39 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

naugtur · Accepted Answer · 2011-03-15 08:14:12Z

1

Your document.ready is on a subpage and when the link is loaded with AJAX, only the page div is taken and put in your DOM, so any javascript you put there in head does not work AND there is no document.ready, because AJAX never triggers it.

answered Mar 15, 2011 at 8:14

naugtur

16.9k6 gold badges73 silver badges113 bronze badges

Comments

Eugene msc · Accepted Answer · 2011-03-14 12:42:17Z

0

If those images are created dynamically you'll need to do $('#slideshow').rotator(50, 'img'); after they are created, in callback function of $.ajax most likely.

answered Mar 14, 2011 at 12:42

Eugene msc

3802 silver badges8 bronze badges

Collectives™ on Stack Overflow

Dynamic content in jQuery Mobile?

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related