动态生成标签无法绑定事件

1. 动态生成的页面结构

页面结构如下，动态代码全部在id为refreshul的div中生成。

<div class="content" id="pull">
      <div>
        <div id="refreshul"></div>
    </div>
</div>

使用append()方法生成后发现给refreshul绑定事件不起作用。

2. 解决一:通过给父级加事件获取

如果父级不是生成的，我们使用给父节点加.on的方式绑定

//这里$()中需要放拼接那部分代码的父级，".operation"为绑定事件的class
 $("#pull").on("click","#refreshul",function(){
        var type = $(this).attr("id");
  })

3. 解决二:给按钮加onclick事件

拼接时候，给div加onclick事件，拼接后如下:

<div class="content" id="pull">
      <div>
        <div id="refreshul" onclick="refreshuDiv(this)"></div>
    </div>
</div>

js中编写方法即可：

function refreshuDiv(ele){
	console.log($(ele)attr("id");)
}