Question

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

以下是代码部分：
<input id="cityName" name="cityName" type="tel" maxlength="11" placeholder="请选择您所在城市">
<div class="choose-abc">
<h4 id="checkId"><a name="a" href="">请选择</a></h4>
</div>

$(".choose-abc li").on("click",function(){
alert("sss");
});
$("#cityName").click(function(){
$("<li value='"+item.id+"'><a href='#'>"+item.cityName+"</a></li>").insertAfter("#checkId");
});

Answer 1

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

1、新建html文件。

2、创建输入框和按钮。

3、预览效果如图。

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

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

6、按钮点击触发事件。

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

Answer 2

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点击事件已成功执行。

Answer 3

我前段时间也遇见了这种情况，如果li是本来在页面中的就是可以点击的，但是如果是后来触发的事件动态加载上去的无法点击，我的解决办法是在li里面加入了onclick事件，然后把li触发的事件写在这个函数里面，看你这个应该是移动端的 所以onclick应该不好使，我在移动端用的是ontouchend事件
类似这种的<i ontouchend="cityShow(安庆市)">安庆市</i>

Answer 4

用动态绑定方法 delegate()
$('.choose-abc').delegate('li','click',function(){
alert("ssss");

});

Answer 5

Bootstrap？ js什么的 你确定都引用了？ <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 还有这句话