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

以下是代码部分:<inputid="cityName"name="cityName"type="tel"maxlength="11"placeholder="请选择您所在... 以下是代码部分:
<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");
});
展开
 我来答
百度网友faadf46
高粉答主

2019-08-13 · 说的都是干货,快来关注
知道答主
回答量:4556
采纳率:0%
帮助的人:74.1万
展开全部

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

1、新建html文件。

2、创建输入框和按钮。

3、预览效果如图。

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

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

6、按钮点击触发事件。

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

轻烟谈生活
高粉答主

2019-07-11 · 轻烟和你聊聊生活中的有趣事
轻烟谈生活
采纳数:7 获赞数:116658

向TA提问 私信TA
展开全部

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

本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
火山上的麦芽
2015-05-12 · TA获得超过186个赞
知道小有建树答主
回答量:180
采纳率:0%
帮助的人:138万
展开全部
我前段时间也遇见了这种情况,如果li是本来在页面中的就是可以点击的,但是如果是后来触发的事件动态加载上去的无法点击,我的解决办法是在li里面加入了onclick事件,然后把li触发的事件写在这个函数里面,看你这个应该是移动端的 所以onclick应该不好使,我在移动端用的是ontouchend事件
类似这种的<i ontouchend="cityShow(安庆市)">安庆市</i>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
灰常了dei
推荐于2018-02-27 · TA获得超过1736个赞
知道小有建树答主
回答量:596
采纳率:60%
帮助的人:627万
展开全部
用动态绑定方法 delegate()
$('.choose-abc').delegate('li','click',function(){
alert("ssss");

});
本回答被提问者和网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
清净脦自在
2015-05-12 · 超过33用户采纳过TA的回答
知道答主
回答量:94
采纳率:50%
帮助的人:24.2万
展开全部
Bootstrap? js什么的 你确定都引用了? <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 还有这句话
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(4)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式