事件的取消绑定 - off

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

下面,我们可以再试一下 .off 方法去关掉使用 .on 绑定的事件 … 在这个文档上,我添加了两个按钮,开 ,还有关 ...

我们可以在 开 这个按钮上绑定一个 click 事件 … 点击它的时候,去为 .album 下面的 img 元素绑定点击事件 … 然后在 关 按钮上也绑定一个 click 事件 .. 点击它的时候,可以关掉绑定在封面图像下面的 click 事件 …

<div class="btn-group">
<button type="button" class="on btn btn-default">开</button>
<button type="button" class="off btn btn-default">关</button>
</div>

(#js) 直接用 .click() 事件处理器给开关按钮上绑定 click 事件 … 把之前的代码放在 .on 的 click 事件处理器里 … 把这个 .one 再改成 .on …. 这样点击 开 这个按钮 … 会为封面图像绑定 click 事件 …

再去处理一下 关 按钮 …

点击关按钮的时候 … 我们使用 .off() 方法,关掉绑定在封面图像上的 click 事件处理器 … 在 .off() 方法里,直接指定在关掉的事件 …

回到浏览器上 …

点击封面图像 … 没有反应 … 点击这个 开 按钮 … 这样会在封面图像上绑定 click 事件 …

点击封面图像 … 会显示标题 … 我们再点一下 关 这个按钮 … 这样会使用 .off 方法,关掉在封面图像上的 click 事件处理器 …

再点一下封面图像 … 就不会有反应了 …

事件的取消绑定 - off《 jQuery 基础 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点