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/から：

使い方

プラグインは、コンテナ要素で呼び出される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 に答える