用$(document).off('click', '**')的方法改写代码，实现相同效果
来源：6-3 事件绑定与取消-off
迷失的小麦
2020-01-14 14:37:34
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<body>
<button class="obj">这个按钮点击没有效果</button>
<button class="bind">绑定</button>
<button class="unbind">取消绑定</button>
<button class="one">绑定一次</button>
<div class="button" style="display: none;">第一个按钮被点击了！</div>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
// 要绑定的事件
function flash() {
$('.button').show().fadeOut('slow');
}
// 事件绑定
$('.bind').click(function() {
$(document).on('click', '.obj', flash)
.find('.obj').text('点击按钮有效果');
});
// 取消事件绑定
$('.unbind').click(function() {
$(document).off('click', '.obj', flash)
.find('.obj').text('这个按钮点击没有效果');
});
// 绑定一次事件
$('.one').click(function() {
$(document).one('click', '.obj', flash)
.find('.obj').text('这个按钮可以点击一次');
});
</script>
</body>
</html>
2回答
-
同学你好，老师在课上有详细的讲解，建议同学跟着老师整理一下思路，因为在学习和工作的过程中，会接触到很多陌生的知识。一般情况下都是自己先学习、测试，遇到自己实在想不通的，可以请教别人，这样对自己的理解能力、解决问题的能力才有帮助，才能提升自己的技术。
另外：如果遇到哪个点不懂，可以详细描述下，老师帮助解答，祝学习愉快~
0 -
迷失的小麦
提问者
2020-01-14
<!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> </head> <body> <button class="obj">这个按钮点击没有效果</button> <button class="bind">绑定</button> <button class="unbind">取消绑定</button> <button class="one">绑定一次</button> <div class="button" style="display: none;">第一个按钮被点击了！</div> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript"> // 要绑定的事件 function flash() { $('.button').show().fadeOut('slow'); } // 事件绑定 $('.bind').click(function() { $(document).on('click', '.obj', flash) .find('.obj').text('点击按钮有效果'); }); // 取消事件绑定 $('.unbind').click(function() { $(document).off('click', '.obj', flash) .find('.obj').text('这个按钮点击没有效果'); }); //第二种取消写法 $('.unbind').click(function() { $(document).off('click',"**") .find('.obj').text('这个按钮点击没有效果'); }); // 绑定一次事件 $('.one').click(function() { $(document).one('click', '.obj', flash) .find('.obj').text('这个按钮可以点击一次'); }); </script> </body> </html>我实现出来了，但是逻辑上还请老师帮我捋一捋，有点晕，本身代码感觉就比较复杂
0
相似问题