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>