jquery对动态加载的li添加click事件，事件无法触发

jquery对动态加载的li添加click事件，事件无法触发时设置出现了问题，解决方法为：

1、新建html文件。

2、创建输入框和按钮。

3、预览效果如图。

4、接下来需要引入jquery.js。

5、设置输入框 keydown 事件和click 事件。

6、按钮点击触发事件。

7、click按钮按下效果如图。

这就是“为未来元素添加事件”的方法了，

jquery里为未来元素添加事件的原理很简单，既然这个元素是未来的，那么我们可以把事件绑定在已经存在的元素上，然后在发生点击的时候，再来判断所点击的对象，是否为我们要的对象，然后再触发事件。

$("div#id").on("click","button.do",function(){

    //具体的内容

})

上面这段代码解释起来就是，给div#id绑定一个click事件，并且触发事件的对象为button.do时，开始执行具体的内容。

不管button.do是否为已经存在的，还是未来添加的，都能执行。

对于你的问题，同理就能解决，

$("input[type='checkbox']").click

你的这句，把事件绑定到最近的父元素里，不要绑在离“太远”的父元素上，影响代码的执行效率，

https://www.cnblogs.com/leiting/p/9323539.html

https://blog.csdn.net/weixin_34402090/article/details/92466739

参考上面的这些文章

相比自己常用的就是两个出发事件

$('').click(function(){})// 指定对象

$(document).on('click','',function(){})// 获取整个网页文档对象来指定

但是有时候  当动态（通过json）加入数据的时候 那么往往第一个  触发事件就不对了

相当于就触发不了了，因为第一个是在网页加载的时候就指定了对象

所以可以使用第二个 加载整个网页文档的时候在绑定对象 那么就可以解决问题了

第一个是出发的事件  点击之类的 第二个是选择器   第三个是回调吧

$(document).on('click','#queshou',function () {

console.log("99999")

$("#myModal-1").modal("show")

})

---