jquery - 如何将点击事件绑定(bind)到 jQuery 中的克隆按钮

Question

我正在开发一个应用程序，它提供从 jqGrid 下载几个文件的功能。

jqGrid 有几列，其中一列将显示每一行的下载按钮。 用户必须单击它，然后下载才会开始。 对于这个下载按钮，我使用了 jsp中的html输入标签如下，

<input type="button" id="download" height="30px" width="100px" value="Download">

在我的 jqgrid 代码中，我尝试克隆此按钮，如下所示。

{
  name:'click to download',
  index:'click to download',
  width:50,
  formatter: function(cellvalue, options, rowObject){
    var button = $("#download").clone(true);
    button.addClass(".button");
    $("body").on("click",".button",function(){
      alert("hello");
    });
    return button[0].outerHTML;
  },
  sortable: false
}

我想为这个克隆按钮的点击事件单独编写一个函数，并将参数传递给该函数，例如 rowId 和 cellvalue。

任何人请帮助我，我已经尝试在此事件按钮上创建功能，但他们没有被调用。之后我尝试手动创建按钮而不是克隆，但单击功能仍然没有被调用。 非常感谢任何帮助。

Answer 1

你应该使用jquery的“on”函数，因为“on”不断监视dom中的点击事件，简单的点击无法识别你刚刚克隆的元素

语法:

$( "body" ).on( "click", ".your_element", function() {
   // your code here
});

注意:使用类而不是 ID。