0

次のスタイルを持つポップアップ ウィンドウとして DIV 要素があります。

#navbox { width: 220px; }

ウィンドウが表示されると、ユーザーはウィンドウの幅を切り替えることができます。切り替え時のウィンドウの長さは 520px です。ユーザーがボタンをクリックしてデータをクリアすると、ウィンドウのサイズが元の幅に戻ります。

私はコードでそれを行うことができます:

$('#navbox').width('220px');

しかし、jQuery を使用して元の #nav ボックスの定義を「再適用」する方法があるかどうか疑問に思っています。

この質問はクラスを扱います。しかし、DIVはどうですか？

jquery を使用して CSS クラスを再適用する

私は試した：

$('div#navbox').removeClass('#navbox').addClass('#navbox');

これは私が望んだようには機能しませんでした。

4

2 に答える 2

2 
#navbox {
    width: 220px;
}

#navbox.toggled {
    width: 520px;
}

クラスを追加して、ウィンドウのサイズを切り替えます。

$('#navbox').addClass("toggled")

クラスを削除してサイズを元のサイズに戻します

$('#navbox').removeClass("toggled")

別の可能性は、設定および削除することですmin-height

于 2013-10-18T21:11:05.337 に答える