web-dev-qa-db-ja.com

Bootstrap Select-動的に追加された要素で再初期化

Bootstrap= Select（ http://silviomoreto.github.io/bootstrap-select/ ）を使用して、各セクションのFont-Awesomeアイコンでドロップダウンを表示します私のウェブサイト。

新しいセクションを追加する機能を追加しました-[追加]ボタンをクリックすると、新しいセクション（前のセクションの複製）が追加されます。このセクションでは、Bootstrap Selectは機能しません。

私はそれを次のように再初期化しようとしました：

var select = $('[name="section['+ numbersection +'][section_icon]"]');
$(select).selectpicker('destroy');
$(select).selectpicker({
  showIcon: false
});

しかし、それは機能しません。デトロイメソッドが起動しないようです。 Bootstrap動的に追加された要素を選択して再初期化する方法はありますか？

jquerytwitter-bootstrapselectbootstrap-select
22
user1049961

プラグインページ に記載されているように、選択を更新する必要があります

$(select).selectpicker('refresh');
58
Seb33300

refresh（）

JavaScriptで選択をプログラムで更新するには、最初に選択を操作してから、refreshメソッドを使用してUIを更新し、新しい状態に一致させます。これは、オプションを削除または追加するとき、またはJavaScriptを介して選択を無効/有効にするときに必要です。

$(".selectpicker").selectpicker('refresh');

デモ

18
Manwal