jQuery 循环文本幻灯片不起作用

Question

我在使用 jQuery 循环插件时遇到问题。在我的页面上，我将其用于图像和文本幻灯片。图像幻灯片工作得很好，但其中一张文本幻灯片有问题。考虑下面的代码。我使用下面的 div 作为文本幻灯片的幻灯片。

<div>
    <p>This is slide1</p>
    <h4>author 1</h4>
</div>
<div>
    <p>This is slide2</p>
    <h4>author 2</h4>
</div>

如果我将上面的代码用作 HTML 页面中的静态 block ，则幻灯片可以正常工作。但是，如果我通过 Javascript 生成上述代码，则会出现错误。这是 Chrome 控制台给我的信息。

无法读取未定义的属性“cycleW”

我无法弄清楚这个问题是什么，所以任何帮助将非常感激。谢谢!

Answer 1

如果在页面加载时使用 JavaScript 生成 HTML，请确保您使用如下所示的 jQuery，并且在插件之前调用 HTML 生成脚本。

$(function() {
   //code goes here
});

如果您在事件(例如单击按钮)上生成 HTML，则需要在任何新代码上调用插件函数才能使其正常工作，因此:

$(function() {
    myBtn.click(function() {
        var generatedElement = generateSomeElement();
        $('body').append(generatedElement);
        generatedElement.callPlugin();
    });
});