0

私は単一の行を持つテーブルを持っています。行には最初のセルにテキストフィールドがあり、テキストフィールドは別の js ファイルで Twitter ブートストラップ typeahead にバインドされています。ただし、ユーザーは追加ボタンを使用して行を作成でき、最初の行が複製されて追加の行が作成されます。ここで、これらの複製されたテキスト フィールドで先行入力が正常に機能することを期待していましたが、機能せず、コンソールにエラーも表示されません。複製されたテキスト フィールドは、元のテキスト フィールドと同じ ID と名前を持ちます。なぜこれが考えられるのでしょうか？それを処理する方法に関する提案はありますか？

4

1 に答える 1

2

動的に作成/複製された行で.typeahead()が開始されていないと思います。行が追加されたときにイベントをトリガーし、jquery .on()... を使用して先行入力を添付できます。

$('#btnAddRow').click(function(){
    var newRow = $('<div class="row"><input type="text" placeholder="Start typing.." class="typeahead" data-items="3"></div>');
    newRow.insertBefore('#addRow');
    $('.typeahead').trigger('added');

});

$('.typeahead').on('added',function(){
    $('.typeahead').typeahead(typeaheadSettings);
});

これが実際の例です

于 2013-05-15T12:25:02.660 に答える