jquery：控制多個新聞股票

我正在與jQuery新聞股票plugin。它運行良好，但是當我在我的頁面上放置多個新聞時，新聞股票代碼control(start,stop,next/pre)不起作用。當我點擊控件1時，這個控件與所有新聞收件箱一起工作，但是需要爲每個箱子工作control。 i.e: control1 for box1, control2 for box2。如何解決這個問題？ ONLINE DEMO（在行動，請點擊第一個controlbar）jquery：控制多個新聞股票

HTML：

<ul id="vertical-ticker"> 
      <li>One Time</li> 
      <li>Baby</li> 
      <li>One Less Lonely Girl</li> 
      <li>Somebody to Love</li> 
      <li>Eenie Meenie</li> 
      <li>Never Say Never</li> 
      <li>U Smile</li> 
</ul> 
<p><a href="#" id="ticker-previous">Previous</a>/<a href="#" id="ticker-next">Next</a>/<a id="stop" href="#">Stop</a>/<a id="start" href="#">Start</a></p> 
<ul id="vertical-ticker1"> 
      <li>One Time</li> 
      <li>Baby</li> 
      <li>One Less Lonely Girl</li> 
      <li>Somebody to Love</li> 
      <li>Eenie Meenie</li> 
      <li>Never Say Never</li> 
      <li>U Smile</li> 
</ul> 
    <p><a href="#" id="ticker-previous">Previous</a>/<a href="#" id="ticker-next">Next</a>/<a id="stop" href="#">Stop</a>/<a id="start" href="#">Start</a></p>

JQUERY：

$(function(){ 
      $('#vertical-ticker').totemticker({ 
       row_height : '100px', 
       next  : '#ticker-next', 
       previous : '#ticker-previous', 
       stop  : '#stop', 
       start  : '#start', 
       mousestop : true, 
      }); 
     }); 
$(function(){ 
      $('#vertical-ticker1').totemticker({ 
       row_height : '100px', 
       next  : '#ticker-next', 
       previous : '#ticker-previous', 
       stop  : '#stop', 
       start  : '#start', 
       mousestop : true, 
      }); 
     });

來源

2013-01-23 BaTmaN

您有重複的ID喜歡#ticker-next，#start，#stop等。這些需要是在HTML和jQuery對象映射中都是唯一的。

來源

2013-01-23 08:00:34 AlienWebguy

哦，是的。謝謝你現在工作。 – BaTmaN

更改開始按鈕的ID，每個新貼紙的開始按鈕應該有不同的ID。

$(function(){ 
      $('#vertical-ticker').totemticker({ 
       row_height : '100px', 
       next  : '#ticker-next', 
       previous : '#ticker-previous', 
       stop  : '#stop', 
       start  : '#start', 
       mousestop : true, 
      }); 
     }); 
$(function(){ 
      $('#vertical-ticker1').totemticker({ 
       row_height : '100px', 
       next  : '#ticker-next2', 
       previous : '#ticker-previous2', 
       stop  : '#stop2', 
       start  : '#start2', 
       mousestop : true, 
      }); 
     });

來源

2013-01-23 08:00:38

你應該改變#vertical-ticker1和ticker-previous1和#ticker-next1和#start和#stop了。

jsfiddle Live Demo

的JavaScript

$(function(){ 
     $('#vertical-ticker1').totemticker({ 
      row_height : '100px', 
      next  : '#ticker-next1', 
      previous : '#ticker-previous1', 
      stop  : '#stop1', 
      start  : '#start1', 
      mousestop : true, 
     }); 
    });

HTML

<p><a href="#" id="ticker-previous1">Previous</a>/<a href="#" id="ticker-next1">Next</a>/<a id="stop1" href="#">Stop</a>/<a id="start1" href="#">Start</a></p>

來源

2013-01-23 08:06:51

jquery：控制多個新聞股票

回答

相關問題