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

これを css に追加します。

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

!importantは、これをオーバーライドするものがないことを保証します。

于 2014-02-26T23:39:27.170 に答える
0

私は同じ問題を抱えています。スタイルシートにこの正確なチャックを追加してみてください。

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

なぜかスタイルが良くなっていく…

div {display: block;}

...Ronald が提供した .ui-tabs-hide 修正を上書きし続けました。

お役に立てれば、

石

于 2013-08-30T14:48:54.090 に答える