下面，我们可以再试一下 .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 事件处理器 …

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