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：控制多个新闻股票

回答

相关问题