同じページ内に複数のポケットベルのプラグインjQueryのサイクル

StackOverflow https://stackoverflow.com/questions/4003296

  •  25-09-2019
  •  | 
  •  

質問

私は、同じページに複数のページャプラグインサイクルに問題があります 私は、同じページに24サイクルのプラグインを表示したいと思います。各プラグインは、いくつかの画像と情報が含まれています。だから私は、「ポケベル」とお互いを制御したいと思います。すべてがOK、それは簡単な文書レディ機能を働くすべてのプラグインです。しかし、私はポケベルと全く異なる問題を抱えています。

私は、プラグインの機能にpager:"#nav".before("<div id="nav"></div>")を追加しよう。スクリプトはこの<div id="nav"></div>状の容器を作成し、プラグインコンテナ内のすべてのポケットベルのリンクを追加します。それは次のようになり1つのコンテナIDのすべてのページャーリンクが示すようにします。

http://onur.mayanet.com.tr/testする

私は、それぞれのプラグインは、独自のポケットベルで動作する必要があることを何かにアクセスしたい。

役に立ちましたか?

解決

ページ内のIDは、そう、これを変更する、ユニークでなければなりません

$('.slideshow').before('<div id="nav"></div>').cycle({
    fx: 'scrollLeft',
    speed: 'fast',
    timeout: 350,
    pager: "#nav"
});
これに

$('.slideshow').each(function() {
  $(this).before('<div class="nav"></div>').cycle({
    fx: 'scrollLeft',
    speed: 'fast',
    timeout: 350,
    pager: $(this).prev()
  });
});

あなたは私たちがここでやっているすべてをループしている、ここでのそれをテストすることができます作成を通って/それぞれにページャを割り当てるのではなく、ユニークでなければならないidを使用。同様#nav => .navの変更に合わせて、idにごclassのCSSルールを変更してください。

ライセンス: CC-BY-SA帰属
所属していません StackOverflow
scroll top