jQuery Cycle Plugin（零元素？）

我使用AJAX来填充div，然后循环插件吧 ！

这是页面 ，这是代码调用周期：

 $(function() { $("#photoviewer").load("photo-list.shtml #ani"); alert ('photo loaded!'); $(document).ready(function() { $('#ani').cycle({ fx: 'turnDown', speed: 'fast', timeout: 0, pager: '#nav' }); alert('done!'); }); });  

我收到这个错误：[循环]终止; 选择器找到的零元素，但是使用firebug我看到图像列表应该是…

所以我很无能为力，欢迎任何帮助！

***注意，错误控制台（警告部分）疯了！

Answer 1

而不是在$(document).ready()中初始化循环，而是在load回调中执行它，以便在ajax调用完成并构建#ani div之前它不会执行：

  $(function() { $("#photoviewer").load("photo-list.shtml #ani", function() { $('#ani').cycle({ fx: 'turnDown', speed: 'fast', timeout: 0, pager: '#nav' }); }); }); 

就目前而言，循环插件初始化在图像加载之前（在loadfunction完成之前）执行。

Answer 2

错误只是意味着没有名为“#ani”的选择器可用，似乎“#ani”是“#photoviewer”的子节点，当ajax请求完成时，它会添加“#ani”。

致电后：

  $("#photoviewer").load("photo-list.shtml #ani"); 

试试这个：

 var interval = setInterval(function(){ if(jQuery("#ani").length > 0) { clearInterval(interval); jQuery('#ani').cycle({fx:'turnDown', speed: 'fast', timeout: 0, pager: '#nav'}); } }, 1);