jquery 的click绑定事件

Posted 2021-03-20 翠瓜瓜

 先描述下遇到的问题：之前的在项目中<ul>元素下的<li>元素是在页面写死的，所以给<li>元素直接绑定点击事件$("li").click(function(){})，并且封装到公共js组件中。现在需要将<ul>下<li>动态化，即通过接口返回，需要通过append()方法插入到<ul>中。这样的话若使用之前封装好的$("li").click(function(){})的话,就会出现绑定不上的问题。因为给<li>绑定click事件时，<li>元素还不存在。当时立马想到的解决方案是在append()<li>元素之后，给<li>元素重新绑定click（）事件，但是这样的话，代码的重复性太高了。所以，查询了一番之后，找到了解决方法，就是先给<ul>元素绑定click()事件，$("ul").on("click","li",function() {}),这样的话，》也就相当于给<ul>下的<li>元素绑定click()事件了。