1

我想将循环应用于具有动态内容的 div 块。此内容将在单击事件后生成。一旦我单击图像它就可以工作，然后它就不能工作了。

代码：

$("div.cls img").click(function() {

  ....  Adding the content


 $('#myDiv').cycle({
            fx: 'scrollHorz',
            speed: 3500,
            timeout: 0, continuous: true,
            pause: 1, sync: 1
        }); 
});

HTML：

<div id="myDiv">
 <div>
 <a id="i1"> abc</a>
 <a id="i2"> abcd</a>
 <a id="i3"> abce</a>
   <a id="i4"> abcf</a>
 <a id="i5"> abcg</a>
 <a id="i6"> abch</a>
</div>
 <div>
 <a id="i11"> abc1</a>
 <a id="i21"> abcd1</a>
 <a id="i31"> abce1</a>
   <a id="i41"> abc1f</a>
 <a id="i51"> abcg1</a>
 <a id="i61"> abch1</a>
</div>
</div>
4

1 回答 1

0

编辑：

$.cycle()添加动态内容后再次尝试调用。此外，使用 Firebug 确保您的内容生成正确。

如果这不起作用，那么看起来您将不得不修改循环插件以支持动态添加“幻灯片”，或者编写自己的解决方案。

来自http://www.malsup.com/jquery/cycle/：

这个怎么运作

该插件提供了一种称为循环的方法，该方法在容器元素上调用。容器的每个子元素都成为一个“幻灯片”。选项控制幻灯片转换的方式和时间。

因此，您可以不理会 Javascript，但 HTML 应如下所示：

<div id="myDiv">
  <div>
    <a id="i1"> abc</a>
    <a id="i2"> abcd</a>
    <a id="i3"> abce</a>
    <a id="i4"> abcf</a>
    <a id="i5"> abcg</a>
    <a id="i6"> abch</a>
  </div>
  <div>
    <a id="i11"> abc1</a>
    <a id="i21"> abcd1</a>
    <a id="i31"> abce1</a>
    <a id="i41"> abc1f</a>
    <a id="i51"> abcg1</a>
    <a id="i61"> abch1</a>
  </div>
</div>

此外，您不应在同一 ID 的页面上拥有多个元素。

于 2010-03-02T05:19:17.893 回答