老师,麻烦看下代码?效果跟老师讲的不一样,取消事件不了
来源:6-4 事件绑定与取消-one
慕盖茨9312997
2019-03-08 15:13:32
<button class="begin">我没有绑定弹出div</button>
<button class="bind">开始绑定</button>
<button class="cancel">取消绑定</button>
<button class="one">one</button>
--------js
//需要绑定的事件
var slideDiv=function () {
$('.toggle').show('slow').fadeOut('slow');
}
//点击绑定事件
bind.click(function () {
$(document).on('click',begin,slideDiv)
.find('.begin')
.text('我已经绑定事件,可以点击我弹出div');
console.log('点击绑定按钮');
})
cancel.click(function () {
$(document).off('click',begin,slideDiv)
.find('.begin')
.text('我已经取消绑定事件');
})
one.click(function () {
$(document).one('click',begin,slideDiv)
.find('.begin')
.text('我已经绑定一次事件,可以点击我弹出一次div');
})
2回答
同学你好,代码中的选择器写法错误:
jq的类名选择器:$('.类名'),绑定事件里面的参数是“.类名;
参考下图修改:
自己试一试哦,如果帮助到了你,欢迎采纳。
祝学习愉快!
慕盖茨9312997
提问者
2019-03-08
老师,我把绑定事件里的$(document).one('click',begin,slideDiv)改成
$(document).one('click','.begin',slideDiv) 就有用了。我不明白begin=$('.begin'),这里就是他的变量了呀,为什么还不可以直接使用????
相似问题