0

CSSにいくつかの変更を加える前に！すべて問題ありませんでしたが、「carouFredSel」関数が常にページをリロードします (奇妙な動作)。デモ ページの URL は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>
4

1 に答える 1

0

CSSの変更によるものではないと思います。

$(document).ready 関数では、'items' というコレクションの最初のアイテムのクリック イベントを呼び出しています。

items[0].click();

アイテム コレクションの最初の要素は、次のハイパーリンクです。

<a href="index.html">

同じページにリダイレクトされます。ページがリロードされると、明らかに $(document).ready が再び実行され、同じことが行われます。

コメントアウトしてみる

   items[0].click();

そして、それが起こらなくなることがわかるはずです。

于 2012-07-28T20:52:49.533 に答える