2

おそらく、これは選択したプラグインの問題ではありませんが、問題が発生しているのはそこです。選択したプラグインは、選択ボックスをうまく描画します。問題は、選択ボックスが完全に表示されていて、選択ボックス内の要素をクリックしても選択が折りたたまれないことです。完全に表示されるとは、セクションが表示されると、選択がクリックされたかのように表示され、すべてのオプションが表示され、消えることはありません。

誰がこれを引き起こしているのか考えていますか?

このテンプレートは、ページの読み込み後に .on() を使用して読み込まれます。

ロードされたテンプレートの下部にブロックがあり、要素で selected() 関数を呼び出しています。

<script>
    (function() {
        $('.chzn-select').chosen();
    )()
</script>

HTMLでは、選択ボックスは次のように定義されています。

 <select id="product_id" class="chzn-select"  onchange="update_values()">

これが選択したプラグインに関連しているとは本当に思いません。ドキュメントからさまざまなパラメーターをかなり試しましたが、何も変更されていません。

4

2 に答える 2

2

インライン onchange イベントを使用しないでください。すでにjqueryを使用している場合は、それを使用してon changeイベントも追加する必要があります。

そうは言っても、プラグインが要素にそれ自体を設定する方法のために、変更イベントに競合があるかどうか疑問に思っています。確認するには、さらにコードを確認する必要があります。

これと似たようなことをしてみてください...

$(".chzn-select").chosen().change(function() {
    alert('change happened');
    //to close the chosen (not pretty but will work. note this will close all open chosens)
    $('.chzn-container-active').trigger('click')
});
于 2013-07-15T18:32:17.420 に答える
0

オプションがページの下に展開され、オプションを選択した後に消えないという同じ問題がありました。最も単純な html ページを作成しても問題が解決しない場合、zip ファイルに含まれている selected.css にリンクしていないことに気付きました。

<link rel="stylesheet" type="text/css" href="/scripts/chosen/chosen.css">

choosed.css と他のすべてのファイルを zip ファイルから "scripts/chosen" フォルダーにコピーし、上記のリンクを selected.css に追加するとすぐに、choose はデモと同じように機能しました。

于 2016-10-14T13:55:17.157 に答える