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，所以第二次它不滚动。相同的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>

javascript滚动多个div

1 个答案: