ajax - jQuery Mobile 中的动态内容？

Question

嘿，我正在测试 jQuery Mobile，有一个问题。我编写了一个简单的 jQuery 插件，可以根据一些参数对一些图像进行动画处理。非常基本的东西。现在，这适用于我外部链接到的任何页面(rel =“external”)。但是，如果我使用内置的 Ajax 驱动的页面导航，则后续页面上不会加载任何图像。有没有办法在 jQuery Mobile 中处理动态创建的内容？

脚本:

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

标记:

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

Answer 1

您可以绑定(bind)到 pagebeforecreate 事件，该事件将在页面内容最初创建时触发，并从那里启动旋转器:

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