javascript滚动多个div

Question

<script> 
    $(document).ready(function() { 

      $('#scrollingtext').bind('marquee', function() { 
       var ob = $(this); 
       var tw = ob.width(); 
       var ww = ob.parent().width(); 
       ob.css({ right: -tw }); 
       ob.animate({ right: ww }, 20000, 'linear', function() { 
        ob.trigger('marquee'); 

       }); 
      }).trigger('marquee'); 

     });  


    </script> 

<div id="scrollingtext"></div> 

我正在使用此滚动文本div的foreach，因此第二次它不滚动bec。相同的ID ..我尝试了一些$(this).unbind();的东西，但无法解决它..我需要滚动每个ID =滚动文本里面的任何帮助可能会节省我的时间..

Answer 1

HTML只允许在同一页上的单个ID。改为使用班级。问题解决了。

<div class="scrollingtext"></div> 
<div class="scrollingtext"></div> 
<div class="scrollingtext"></div> 
<script> 
    $('.scrollingtext').bind('marquee', function() { /* .. */ }); 
</script>