javascript - 根据变量更改鼠标事件

Question

我敢打赌这真的很简单，我会尽力解释它:我正在尝试构建一个画廊来显示不同的过渡和显示(例如，使覆盖的 div 过渡看不见)，并且我希望有一个按钮，用户可以单击该按钮以通过悬停和单击体验相同的过渡。

为了实现这一点，我简单地创建了一个名为 toggleButton 的新变量，将其初始化为 0，并做了一个条件语句，表示如果该变量为 0，则过渡应该在悬停时起作用，并且，如果 toggleButton 为 1，则过渡将在点击时起作用。每次按下更改变量的按钮时，我都会在控制台上记录变量更改，它工作正常，没有错误，但我无法实现我想要的，转换永远不会改变，它始终保持我初始化它的方式(如果我将其初始化为 1，则通过点击即可进行转换)。

我用一个小例子来说明我正在谈论的内容，我希望你能通过查看它来理解我想要的东西，以防我无法用文字解释它:http://jsfiddle.net/mcczrbgg/1/

提前致谢!

Answer 1

第 21 行设置鼠标悬停的 If/Else 仅运行一次。

尝试创建 .mouseenter() 函数和 .click() 函数，但在每个函数中，检查切换按钮的状态:

 $(".thumb").mouseenter(function() {
      if (toggleButton === 0) {

      }
 }
 $(".thumb").click(function() {
      if (toggleButton === 1) {

      {
 }

你就是这么想的吗？