老师,麻烦看下代码?效果跟老师讲的不一样,取消事件不了

来源: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回答

山河远阔ZZ

2019-03-08

同学你好,代码中的选择器写法错误:

jq的类名选择器:$('.类名'),绑定事件里面的参数是“.类名;

参考下图修改:

http://img.mukewang.com/climg/5c82345f0001a2a507730486.jpg

自己试一试哦,如果帮助到了你,欢迎采纳。

祝学习愉快!

0

慕盖茨9312997

提问者

2019-03-08

老师,我把绑定事件里的$(document).one('click',begin,slideDiv)改成
$(document).one('click','.begin',slideDiv)  就有用了。我不明白begin=$('.begin'),这里就是他的变量了呀,为什么还不可以直接使用????

0

0 学习 · 36712 问题

查看课程