您的位置是:网站首页>Javascript编程Javascript编程

如何解决jquery on 不生效问题

少儿编程网2021-02-22 13:50:38Javascript编程 人已围观 来源:少儿编程 -用户投稿

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

jquery on不生效的解决办法:首先打开相应的代码文件;然后通过正确的方法“$('body').on('click', '#test .evt', function() {alert($(this).text())});”使用on即可。oDh少儿编程网-Scratch_Python_教程_免费儿童编程学习平台

oDh少儿编程网-Scratch_Python_教程_免费儿童编程学习平台

本教程操作环境:Windows7系统、jquery1.10.0版,该方法适用于所有品牌电脑。oDh少儿编程网-Scratch_Python_教程_免费儿童编程学习平台

推荐:《jquery教程》oDh少儿编程网-Scratch_Python_教程_免费儿童编程学习平台

jquery的on()绑定无效的方式oDh少儿编程网-Scratch_Python_教程_免费儿童编程学习平台

on前面的元素也必须在页面加载的时候就存在于dom里面。动态的元素或者样式等,可以放在on的第二个参数里面oDh少儿编程网-Scratch_Python_教程_免费儿童编程学习平台

jQuery on()方法是*方推荐的绑定事件的一个方法。使用 on() 方法可以给将来动态创建的动态元素绑定指定的事件,例如append等。oDh少儿编程网-Scratch_Python_教程_免费儿童编程学习平台

<div id="test">
<div class="evt">evt1</div>
</div>

错误的用法,下面方法只为第一个class 为 evt 的div 绑定了click事件,使用append动态创建的div则没有绑定oDh少儿编程网-Scratch_Python_教程_免费儿童编程学习平台

<script>
// 先绑定事件再添加div
$('#test .evt').on('click', function() {alert($(this).text())});
$('#test').append('<div class="evt">evt2</div>');
</script>

正确的用法如下:oDh少儿编程网-Scratch_Python_教程_免费儿童编程学习平台

<script>
$('body').on('click', '#test .evt', function() {alert($(this).text())});
$('#test').append('<div class="evt">evt2</div>');
</script>

checkbox单选设置 如果 <input name="ck" type="checkbox">是动态添加的则可以这样oDh少儿编程网-Scratch_Python_教程_免费儿童编程学习平台

$("#grid").on("click","input[name=ck]",function(){
$("input[name=ck]").not(this).prop("checked",false);
});

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

以上就是如何解决jquery on 不生效问题的详细内容,更多请关注少儿编程网其它相关文章!oDh少儿编程网-Scratch_Python_教程_免费儿童编程学习平台

来源:php中文网oDh少儿编程网-Scratch_Python_教程_免费儿童编程学习平台


相关文章:

支持一下 ( )

如何解决jquery on 不生效问题

      匿名评论
    • 评论
    人参与,条评论
    如何解决jquery on 不生效问题

微信公众号

免费视频教程

先知道