javascript - 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>

我正在用这个scrollingtext div做foreach，所以第二次它不会滚动bec。相同的 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>