尝试重新加载页面时出现jquery插件问题

Question

尝试重新加载页面时，我一直收到错误消息： jquery-cycle2.js？v = 3.0.43＆amp; t = 1481602536：608 [cycle2]幻灯片必须在发送命令之前初始化; “goto”忽略了

Answer 1

如错误所述，您正尝试为尚未初始化为cycle2幻灯片的元素发出goto命令。

如果这是你的元素：

<div id="slideshow">
    <img src="http://malsup.github.io/images/p1.jpg">
    <img src="http://malsup.github.io/images/p2.jpg">
    <img src="http://malsup.github.io/images/p3.jpg">
    <img src="http://malsup.github.io/images/p4.jpg">
</div>

你正试图执行这个：

$(function() {
  $('#slideshow').cycle('goto', 2);
});

jsfiddle

您将收到错误，因为您尚未将#slideshow元素初始化为cycle2幻灯片。

你可以通过在元素上包含cycle-slideshow类来自动初始化它来解决这个问题：

<div id="slideshow" class="cycle-slideshow">

jsfiddle

或者通过编程初始化它：

$(function() {
  $('#slideshow').cycle(); // Initialize the element to be a slideshow.
  $('#slideshow').cycle('goto', 2);
});

jsfiddle

在提出这样的问题时，您确实应该包含您编写的相关HTML和JavaScript。包含您正在使用的JQuery插件的链接也很有帮助：Cycle2。