如何寫jquery動態數據綁定事件？

Question

var $butt = $('<input/>').attr({ 
    type: 'button', 
    value: data.styleData, 
    id: butnId, 
    data - bind: event: { 
     click: $parent.submitPopUp 
    } 
}); 

它顯示了一個錯誤

Answer 1

您正在使用attr 你應該試試這個，

$(function(){ 
    var butt = $('<input/>',{ 
     type: 'button', 
     value: "button", 
     id: "btnId", 
     "data-bind": 'event: {click: $parent.submitPopUp}' 
    }).appendTo('body'); 
}); 

小提琴http://jsfiddle.net/JAGLu/

讀Best way to add DOM elements with jQuery

Answer 2

我認爲你不能直接使用data - bind。這不是有效的變量名稱或屬性因爲space

的名字，但你可以做，而不是：

var $butt = $('<input/>').attr({ 
    type: 'button', 
    value: "button", 
    id: "btnId", 
    "data-bind": 'event: {click: $parent.submitPopUp}' 
}); 

請檢查以錯誤的方式this