php里面的js不生效,如何解决jquery on 不生效问题

jquery on不生效的解决办法:首先打开相应的代码文件;然后通过正确的方法“$('body').on('click', '#test .evt', function() {alert($(this).text())});”使用on即可。

de1941174be2473baab61102fba55984.png

本教程操作环境:Windows7系统、jquery1.10.0版,该方法适用于所有品牌电脑。

jquery的on()绑定无效的方式

on前面的元素也必须在页面加载的时候就存在于dom里面。动态的元素或者样式等,可以放在on的第二个参数里面

jQuery on()方法是官方推荐的绑定事件的一个方法。使用 on() 方法可以给将来动态创建的动态元素绑定指定的事件,例如append等。

evt1

错误的用法,下面方法只为第一个class 为 evt 的div 绑定了click事件,使用append动态创建的div则没有绑定

// 先绑定事件再添加div

$('#test .evt').on('click', function() {alert($(this).text())});

$('#test').append('

evt2
');

正确的用法如下:

$('body').on('click', '#test .evt', function() {alert($(this).text())});

$('#test').append('

evt2
');

checkbox单选设置 如果 是动态添加的则可以这样$("#grid").on("click","input[name=ck]",function(){

$("input[name=ck]").not(this).prop("checked",false);

});

注:$(selector).on(event,childSelector,data,function,map)

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值