jquery隐藏我的内容

发布于 2024-10-16 07:04:44 字数 1349 浏览 4 评论 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

原文

Hello all i have made a tab menu in my sidebar (follow a tutorial), but i have now use codeigniter to echo out some result from the database..

but the tab menu hide my content, but i can see it in the source

This is what i can see in the source

<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 -->

and the tab function

<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>

if you want you can see my site live here http://www.rapcom.dk

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

街角卖回忆 2024-10-23 07:04:44

您的问题在于这一行：

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

这将 display: none 所有 tabbed 下的 div，而是使用：

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

但我建议您重新考虑您的 Tabs 方法并使用 jQuery UI 选项卡或至少使用标记指向的相同方法对应 DIV 内容容器的 id。

Your problem is with this line:

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

This would display: none ALL the divs under tabbed, instead use:

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

But I recommend you reconsider your Tabs approach and use the jQuery UI Tabs or at least using the same approach where the <a> tags will point to the id of the corresponding DIV content container.

回复收藏 0 原文