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，所以第二次它不会滚动。具有相同的 id.. 我尝试了一些 $(this).unbind(); 东西但无法解决它.. 我需要滚动 foreach 内的每个 id=scrollingtext 任何帮助都可以节省我的时间..

Answer 1

HTML 只允许在同一页面上使用单个 ID。使用类来代替。问题解决了。

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