Javascript 手动初始化循环2-未定义的滑动计数
我有一个使用cycle2的网站。幻灯片所在的区域也可以通过AJAX加载。发生这种情况时,幻灯片放映停止 正如我在cycle2的文档中所读到的,发生这种情况是因为页面重新加载,我需要手动初始化,而不是依赖cycle2的自动初始化 该文件将其描述为:Javascript 手动初始化循环2-未定义的滑动计数,javascript,jquery,ajax,jquery-cycle2,Javascript,Jquery,Ajax,Jquery Cycle2,我有一个使用cycle2的网站。幻灯片所在的区域也可以通过AJAX加载。发生这种情况时,幻灯片放映停止 正如我在cycle2的文档中所读到的,发生这种情况是因为页面重新加载,我需要手动初始化,而不是依赖cycle2的自动初始化 该文件将其描述为: $( '.mySlideshows' ).cycle(); "In this case you will need to programatically initialize your slideshow by invoking the cyc
$( '.mySlideshows' ).cycle();
"In this case you will need to programatically initialize your slideshow by invoking the cycle method as shown above."
因此,我已经完成了这项工作,并将invoke方法放在我的AJAX请求中,以便在加载AJAX时触发:
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("ajaxParent").innerHTML=xmlhttp.responseText;
$( '.cycle-slideshow' ).cycle();
}
但我得到了这个错误:
Uncaught TypeError: Cannot read property 'slideCount' of undefined
我不确定它没有得到什么,毕竟这应该初始化幻灯片,并在重新加载AJAX之前工作
这是幻灯片HTML
<div class="cycle-slideshow"
data-cycle-fx=fade
data-cycle-timeout=2000
data-cycle-prev="#prev-venues"
data-cycle-next="#next-venues"
data-cycle-caption="#alt-caption-venue"
data-cycle-caption-template="{{alt}}"
data-cycle-log="false"
>
<!-- the images -->
<img src="images/data/venues/hocky.png" alt="Hockey Arena">
<img src="images/data/venues/athletesvilage.png" alt="Athletes Village">
<img src="images/data/venues/celticpark.png" alt="Celtic Park">
<img src="images/data/venues/hampden.png" alt="Hampden">
</div>
您是否执行了console.log(xmlhttp.responseText)->未定义通常意味着您没有使用正确的类/id获取项目。