1 回答

TA貢獻1744條經驗 獲得超4個贊
.select2()主要問題是您在克隆該行后沒有調用。如果你仔細觀察,你的第二次調用.select2()發(fā)生在你的處理程序之外.click(),即使你的空格讓它看起來像是在里面。
另一個問題是最好只.select2()調用克隆的行,而不是全局調用。在我的測試中,如果我像您一樣保持函數(shù)調用,那么在第一行結束后克隆的任何行都會顯示 select 下拉列表和 select2 下拉列表彼此相鄰。這段代碼應該可以解決問題:
$(document).ready(function () {
var sample_row = 1;
$('#addrow').click(function(e) {
e.preventDefault();
var new_row = $('#sample_row_template')
.clone() // CLONE THE TEMPLATE
.attr('id', 'row' + (sample_row++)) // MAKE THE TABLE ROW ID UNIQUE
.appendTo($('#sample_table tbody')) // APPEND TO THE TABLE BODY
.show() // SHOW IT
;
// now, initialize select2 *only* on the new row that was created
new_row.find('.js-example-basic-multiple').select2();
});
});
添加回答
舉報