0

こんにちは、サイドバーにタブメニューを作成しました（チュートリアルに従ってください）が、codeigniterを使用してデータベースから結果をエコーアウトしました。

しかし、タブメニューは私のコンテンツを隠します、しかし私はそれをソースで見ることができます

これは私がソースで見ることができるものです

<div style="border-bottom:1px solid #e0e0e0; width:200px; height:100px;" class="sidebarForumWrapper">

    headline text here  

    <div style="border:1px solid #e0e0e0; padding:5px;" class="sidebarForumImg">
        <img width="20" height="20" src="">
    </div>

    <!-- sidebarForumImg -->

    text text text
</div>

<!-- sidebarForumWrapper -->

とタブ機能

<script style="text/javascript">    
    $(function() {
        // setting the tabs in the sidebar hide and show, setting the current tab
            $('div.tabbed div').hide();
            $('div.t1').show();
            $('div.tabbed ul.tabs li.t1 a').addClass('tab-current');

        // SIDEBAR TABS
        $('div.tabbed ul li a').click(function(){
            var thisClass = this.className.slice(0,2);
            $('div.tabbed div').hide();
            $('div.' + thisClass).show();
            $('div.tabbed ul.tabs li a').removeClass('tab-current');
            $(this).addClass('tab-current');
            });
        });
     </script>

必要に応じて、私のサイトをここでライブで見ることができますhttp://www.rapcom.dk

4

2 に答える 2

0 
$('div.tabbed div').hide();

このコード行を削除して、再試行してください

于 2011-02-05T15:24:51.980 に答える
0

あなたの問題はこの行にあります： 

$('div.tabbed div').hide();

これはdisplay: none、の下のすべてのdivになりtabbed、代わりに次を使用します。 

$('div.tabbed > div').hide();

ただし、タブのアプローチを再検討してjQuery UIタブを使用するか、少なくともタグが対応するコンテンツコンテナのID<a>を指す同じアプローチを使用することをお勧めします。DIV

于 2011-02-05T16:32:44.043 に答える