私はjQueryを初めて使用するので、簡単に行ってください。高度な検索を表すフォームがあります。ユーザーは行を追加して、特定の検索を絞り込むことができます。
各行には、チェックボックスと 2 つの選択ボックスの 3 つの要素があります。
フィドルでわかるように、jquery を使用して行を複製し、複製された行を最後の行の後に配置しています。
チェックボックスでBootstrap-Switch http://www.bootstrap-switch.org/を使用したいという視覚的以外はすべて正常に機能しています
Selectize https://github.com/brianreavis/selectize.jsを使用するための選択ボックス
これで、これらのプラグインがアクティブでない状態で行を複製すると、すべてが機能します。新しい行が挿入されたら、それらを再レンダリングまたは再アクティブ化する方法がわかりません。
これはプラグイン固有のものですか？それともjqueryに普遍的なものですか？ここで同様のことについてたくさんの回答を読みましたが、正しく理解できないようです。
jquery スニペットは次のとおりです。
$adSearchForm = $('#adSearchForm');
$adSearchForm.on('click', 'button, input, select, option', function (event) {
console.log("Button Clicked", event)
});
$('#addSearchRow').click(function(event){
$('[data-content=adSearch-3]:first').clone().insertAfter('[data-content=adSearch-3]:last');
// $('.searchByField,.searchOperator').selectize({refreshItems: true});
// $('[data-toggle=switch]').bootstrapSwitch({refreshItems: true});
});
これがフィドルです。うまくいくことを願っています。http://jsfiddle.net/CkVQr/6/
ご助力ありがとうございます。乾杯