0

読み込み中にすべてのパネルを表示するタブがあります。デフォルトのもののみを表示するように戻りますが、iframe の高さ設定で問題が発生しています。いくつか検索した後、このjqueryを見つけました。最初にcssで他のパネルを非表示にします

.hide { position: absolute; top: -9999px; left: -9999px; }

そして、hideクラスを置き換えるjqueryは

    // Accessible hiding fix
        $(".hide").css({
            "position": "relative",
            "top": 0,
            "left": 0,
            "display": "none"
        }); 

最初は良さそうに見えますが、タブを切り替えるとパネルの内容がまとめて表示されます。どのタブが 3 回目にクリックされても、すべてのコンテンツが前のタブと混合されます。

ここで何をすべきかわかりません。全ページへのリンクはこちらです。 http://tinyurl.com/c5nhet5

これを取り除くには、コードをどのように修正すればよいですか?

4

1 に答える 1

0

hide クラスの動作をオーバーライドしようとするのではなく、単に削除する必要があります。

$("#tabs").tabs();
$(".hide").removeClass("hide");
于 2012-08-13T20:06:56.130 に答える