Question

之前我对css进行了一些修改！一切都很好，但现在“carouFredSel”功能不断重新加载页面（奇怪的行为）演示页面的网址为http://demos.illucent.info/butts/index.html 我认为这是在脚本的底部，但我不知道哪一个

 <script type="text/javascript">
           $(document).ready(function() {

            $('#carousel1').carouFredSel({
             align:"left",
             width: '100%',
             prev: '#prev1',
             next: '#next1',
             items  : {
             visible  : 13,
             width  : "100%"
            },
             scroll : {
              items   : 2,
              duration  : 1500,
              pauseDuration : 3500
             }

            });
            $('#carousel2').carouFredSel({
             align:"left",
             width: '100%',
             prev: '#prev2',
             next: '#next2',
             items  : {
             visible  : 13,
             width  : "100%"
            },
             scroll : {
              items   : 2,
              duration  : 1500,
              pauseDuration : 3500
             }
            });
            $('#carousel3').carouFredSel({
             align:"left",
             width: '100%',
             prev: '#prev3',
             next: '#next3',
             items  : {
             visible  : 13,
             width  : "100%"
            },
             scroll : {
              items   : 2,
              duration  : 1500,
              pauseDuration : 3500
             }
            });
           //margins
           $(".carousel img").css({"margin":"0px 0px 0px 5px"});
           var items = $('.list_switch li a').each(function () {
           $(this).click(function () {
             //remove previous class and add it to clicked tab
             items.removeClass('current');
             $(this).addClass('current');
            });
             });
             //hide all content divs and show current one
             $('.wrapper').hide().eq(items.index($(this))).show('fast');

             // resume the slide on the selected slider
             $('.carousel').eq(items.index($(this))).trigger("play");
             $('.carousel').eq(items.index($(this))).trigger("slideTo");

           // select the first tab on page load       
           items[0].click();

           });
        </script>

Answer 1

我认为这不是因为改变了CSS。

在$（document）.ready函数中，您正在调用集合中名为“items”的第一个项目的click事件。

items[0].click();

item集合中的第一个元素是这个超链接：

<a href="index.html">

重定向到同一页面。当页面重新加载时，$（document）.ready显然会再次运行同样的事情。

尝试评论

   items[0].click();

你会发现它不再发生了。

caroufredsel重新加载页面

1 个答案: