如何在jquery中动态编写敲除数据绑定事件？

Question

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

显示错误

Answer 1

我认为你不能直接使用data - bind。由于space

，它不是有效的变量名称或属性名称

但你可以改为：

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

请检查this

Answer 2

您以错误的方式使用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