2 
<script>
$(document).ready(function(e) {
    $("#b").hide();
    $(".chosen").chosen();

    $("#a").click(function(){$("#b").show();});
});
</script>

<p id="a">aaaa</p>

<div id="b">
<select class="chosen">
<option>Classification</option>
<option>aaaa</option>
<option>bbb</option>
</select>
</div>

選択したプラグインを使用するドロップダウンリストを選択しました。ただし、フォームを非表示にしてクリックを使用してフォームを表示しようとすると、選択した css レイアウトが破棄されます。

誰でもこれを解決する方法を知っていますか?

ここにフィドルがあります：

http://jsfiddle.net/cZV6G/

4

2 に答える 2

9

visibilityはい、要素の設定を試すことができます。

これを解決するには、 の代わりにを使用し、ドロップダウンを表示するvisibility:hiddenには の代わりに を使用できます。.hide()visibility:visible.show()

このコードを試してください：

$(document).ready(function(e) {
    $("#b").css('visibility','hidden');
    $(".chosen").chosen();
    $("#a").click(function(){$("#b").css('visibility','visible');});
});

トライはjsfiddleです

更新: 可視性の問題を解決する

jquery で問題ありません.hide()。本当の問題は、を適用する前に要素を非表示にすること.chosen()です。ただし、 を適用した後に要素を非表示にすると.chosen()、正しく機能します。

$(document).ready(function(e) {
    $(".chosen").chosen();
    $("#b").hide();
    $("#a").click(function(){$("#b").show();});
});

. hide() で試してください

于 2013-10-26T07:31:20.290 に答える