0

2 つの div にタブを作成するためのこの単純なコードがありますが、タブをクリックしても要素がフェードインまたはフェードアウトしませんが、fadeIn と fadeOut を表示と非表示に変更すると正常に動作し、何が問題なのかわかりません:

  $("ul.tabs li").click(function(event)
                   {
                     event.preventDefault();
                    $("ul.tabs li").removeClass("active");
                    $(this).addClass("active");
                    $(".tab_content").fadeOut();

                    var activeTab = $(this).find("a").attr("href");
                    console.log(activeTab)
                    $(activeTab).fadeIn();
        });
    <ul class="tabs">
               <li class="page_item  active">
                                        <a href="#doss" class="option-doss">Doss</a>
                                    </li>
                <li class="page_item competitors-page">
                                        <a href="#competitors" class="option-competitors">Competitors</a>
                                    </li>
</ul>
    <div id="doss" class="tab_content clearfix"> 
                        <div class="men">
                             <a href="?cat=28"></a>
                         </div>
                        <div class="women">
                            <a href="?cat=37"></a>
                        </div>
                         <div class="kids">
                            <a href="?cat=44"></a>
                         </div>
                </div>
                <div id="competitors" class="tab_content clearfix">
                    competitors
                </div>

解決済み

easing.js ファイルを削除したところ、動作しているように見えました。

4

2 に答える 2

0

どのバージョンの jquery を使用していますか?

古いバージョンの jquery を使用している場合は、jquery イージング プラグインへの追加の参照を追加する必要がある場合があります...

見る:

  1. http://matthewlein.com/experiments/easing.html
  2. http://archive.plugins.jquery.com/project/Easing
  3. https://github.com/danro/jquery-easing
于 2013-04-15T15:50:50.817 に答える