javascript - 如何在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}'
});

请检查这个

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/

阅读使用 jQuery 添加 DOM 元素的最佳方式