jquery对动态加载的li添加click事件,事件无法触发
发布网友
发布时间：2022-04-26 11:08
共6个回答
热心网友
时间：2022-04-21 22:45
jquery对动态加载的li添加click事件，事件无法触发时设置出现了问题，解决方法为：
1、新建html文件。
2、创建输入框和按钮。
3、预览效果如图。
4、接下来需要引入jquery.js。
5、设置输入框 keydown 事件和click 事件。
6、按钮点击触发事件。
7、click按钮按下效果如图。
热心网友
时间：2022-04-22 00:03
query对动态加载的li添加click事件，事件无法触发是由于代码设置错误，具体解决步骤如下：
1、新建一个html代码页面，在这个代码页面上创建一个<div>标签，同时个这个<div>标签添加一个id为app，在这个<div>标签里创建一个点击按钮。
2、首先需要引入vue.js文件，创建一个<script>标签，在这个标签里面使用 new Vue({})进行vue的实例化。
3、创建点击事件函数。在vue官网给定的methods里面创建vue点击事件触发的方法。案例中创建点击事件触发时弹出一个alert弹出。
4、给点击按钮添加vue的点击事件。在点击按钮标签里面添加上@click="test"即可。
5、保存html代码，使用浏览器进行打开，在浏览器页面点击按钮事件，这个时候就可以看浏览器上弹出一个alert弹出框，表示vue点击事件已成功执行。
热心网友
时间：2022-04-22 01:37
我前段时间也遇见了这种情况，如果li是本来在页面中的就是可以点击的，但是如果是后来触发的事件动态加载上去的无法点击，我的解决办法是在li里面加入了onclick事件，然后把li触发的事件写在这个函数里面，看你这个应该是移动端的 所以onclick应该不好使，我在移动端用的是ontouchend事件
类似这种的<i ontouchend="cityShow(安庆市)">安庆市</i>
热心网友
时间：2022-04-22 03:29
用动态绑定方法 delegate()
$('.choose-abc').delegate('li','click',function(){
alert("ssss");
});
热心网友
时间：2022-04-22 05:37
Bootstrap？ js什么的 你确定都引用了？ <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 还有这句话
热心网友
时间：2022-04-22 08:01
有个更简单的办法
把
$(".choose-abc li").on("click",function(){
alert("sss");
});
放到
$("#cityName").click(function() 这个事件里面
