Jqueryのプラグインの重複がうまくいかない理由

Question

私は最近、http://www.mclelun.com/labs/#jqbannerからJQueryロータリー・バナー・プラグインをダウンロードしました。 私は気づいた私は私のページに1つの回転バナーが華やかに動作しますが、私は別のものを追加しようとすると、そのうちの1つだけ、最初の回転バナーが動作します。 2つ目は動作しません。

両回転バナーを同時に動作させるにはどうすればよいですか？

//########################################## 
//###### The first Banner rotator ########## 
//########################################## 

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script> 
<script src="jqbanner.js" type="text/javascript"></script> 
<link rel="stylesheet" type="text/css" media="screen" href="jqbanner.css" /> 

があなたのページの画像がバナーを回転させるためのものであるスクリプトを伝えるためにバナー のリストを含める：

以下は私のコードです。

<div id="jqb_object"> 

<div class="jqb_slides"> 
<div class="jqb_slide" title="slide title" ><a href="slide link"><img src="banner1.jpg"/></a></div> 
<div class="jqb_slide" title="slide title" ><a href="slide link"><img src="banner2.jpg"/></a></div> 
<div class="jqb_slide" title="slide title"><a href="slide link"><img src="banner3.jpg"/></a></div> 
<div class="jqb_slide" title="slide title" ><span>TEXT SLIDE IN DIV</span></div></div> 

<div class="jqb_bar"> 
<div class="jqb_info"></div> 
<div id="btn_next" class="jqb_btn jqb_btn_next"></div> 
<div id="btn_pauseplay" class="jqb_btn jqb_btn_pause"></div> 
<div id="btn_prev" class="jqb_btn jqb_btn_prev"></div> 
</div> 

</div> 

上記は機能します。しかし、私は以下のコードのように新しいバナーを追加しようとすると：

//########################################## 
//###### The second Banner rotator ######### 
//########################################## 

<div id="jqb_object"> 

<div class="jqb_slides"> 
<div class="jqb_slide" title="slide title" ><a href="slide link"><img src="banner1.jpg"/></a></div> 
<div class="jqb_slide" title="slide title" ><a href="slide link"><img src="banner2.jpg"/></a></div> 
<div class="jqb_slide" title="slide title"><a href="slide link"><img src="banner3.jpg"/></a></div> 
<div class="jqb_slide" title="slide title" ><span>TEXT SLIDE IN DIV</span></div></div> 

<div class="jqb_bar"> 
<div class="jqb_info"></div> 
<div id="btn_next" class="jqb_btn jqb_btn_next"></div> 
<div id="btn_pauseplay" class="jqb_btn jqb_btn_pause"></div> 
<div id="btn_prev" class="jqb_btn jqb_btn_prev"></div> 
</div> 

</div> 

第二のバナー回転子はお返事を楽しみにして

を動作しません。プラグインは、例えば、IDが動作するため、だid="jqb_object"、そしてそれらは、ページ上で一意になるように定義されている

サーBT

Answer 1

。著者が偶然IDを2倍にすると、ブラウザは通常最初のものを取る。

あなたの場合、プラグインをハックするか（ '＃'を検索して '。'と置き換えることができます）、これは修正するのがより難しく、著者に連絡して問題を伝えるか検索します別のプラグイン。