4

我在使用 jQuery 选项卡时遇到了一个奇怪的问题。选项卡工作正常，但非活动面板在加载时仍然可见，并且只有在选择其他选项卡时才会隐藏它们。

这是我的代码：

<head>
<link rel="stylesheet" href="css/jquery.ui.all.css" type="text/css" media="screen" />
<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="js/jquery-ui.custom.min.js"></script>
<script type="text/javascript">
jQuery.noConflict(); 
(function($) {
    $(function() {  
        /* UI Tabs */
        $.fn.tabs && $(".tabs").tabs();
    });
}) (jQuery);
</script>
</head>
<body>
<div class="tabs">
    <ul>
        <li><a href="#tab-1">Tab 1</a></li>
        <li><a href="#tab-2">Tab 2</a></li>
        <li><a href="#tab-3">Tab 3</a></li>
    </ul>
    <div id="tab-1">
    ...
    </div>
    <div id="tab-2">
    ...
    </div>
    <div id="tab-3">
    ...
    </div>
</div>
</body>

我以前没见过这个。谁能发现我可能错过的任何东西？

干杯， RJ

4

3 回答 3

3

有点粗糙，因为它没有解决问题的根源，但确实解决了问题；我只是将以下内容添加到我的样式表中。

    <style>
        .ui-tabs-hide { display: none; }
    </style>`

希望它可以帮助某人。

于 2013-07-08T13:24:12.127 回答
0

我一直有同样的问题。尝试在您的样式表中添加这个精确的夹头。

div .ui-tabs .ui-tabs-hide {
display: none;
}

出于某种原因，我一直在寻找一种风格......

div {display: block;}

...这一直覆盖罗纳德提供的我的 .ui-tabs-hide 修复。

希望这可以帮助，

岩石

于 2013-08-30T14:48:54.090 回答
0

将此添加到您的CSS：

.ui-tabs-hide { 
    display: none !important; 
 }

!important确保没有其他任何东西会覆盖它。

于 2014-02-26T23:39:27.170 回答