1

私は ajax を使用して、Chosen jQuery プラグインでスタイル設定したいドロップダウン リストを含む部分ビューの HTML を取得しています。最初に動的に追加したものは適切にスタイル設定されていますが、他のすべてはリンクになり、適切なスタイル/機能が得られません。

行に追加した後、次を使用します。

$(".chosen").last().css('width', '150px').chosen();

要素は適切にスタイル設定され始めますが、完全には正しくありません。これが出力です。

<div id="SelectedRate_chzn" class="chzn-container" style="width: 150px;">
    <a href="javascript:void(0)" class="chzn-single chzn-default">
        <span>Select an Option</span>
        <div><b></b></div>
    </a>
    <div class="chzn-drop" style="left:-9000px;">
        <div class="chzn-search">
            <input type="text" autocomplete="off">
        </div>
        <ul class="chzn-results"></ul>
    </div>
</div>

私の部分的な見方に問題はないと思いますが、他に何か必要な場合は、以下にコメントしてください。

4

1 に答える 1

1

ダイアログを介して既存のフォームにレコードを追加するときに同じ質問があり、次のようにしてこれを行うことができました。

ajax 呼び出しが成功した後、元の select 要素に新しいオプションを追加し、 listzt:updatedイベントをトリガーして、select 要素を再読み取りし、それ自体を更新することを選択しました。

例: ajax 呼び出しは、json 文字列として追加される新しい連絡先データを返します。

{ id:123, label:'new contact name' }

選択に新しいオプションを追加します。

$('select#contact_id').append('<option value='+data.id+'>'+data.label+'</option>')

イベントをトリガーします (前の呼び出しにチェーンできます)

$('select#contact_id').trigger('liszt:updated');

これでうまくいくことを願っています！

敬具

于 2012-09-14T15:44:24.787 に答える