Question

当我将鼠标悬停在2048磁贴上时，我正在尝试添加一些功能。值为n的每个图块都具有“tile-n”类。

对于基本的“tile-2”磁贴，我有悬停功能：

  <script>
    $( ".tile-2" ).hover(
      function(){
        alert("in!");
      }, function() {
        alert("out!");
      }
    );
  </script>

但是没有任何事情发生，我不相信悬停正在被记录，我不知道为什么。

我的实施可以在http://kpscript.github.io/PCN-Embark-2048/

看到

'tile-2'div可以在：html.body.container.game-container.tile-container.tile-2。

当然，我计划在悬停时做更多非平凡的事情，但是现在我甚至无法得到警告。

Answer 1

我认为你使用ajax加载html，这应该可行

<script>
$( "body" ).on('hover','.tile-2',
  function(){
    alert("in!");
  }, function() {
    alert("out!");
  }
);

）

Answer 2

尝试这样，它对我有用......

    $("body").on('mouseenter', '.tile-2', function () {
        alert("in!");
    }).on('mouseleave', '.tile-2', function () {
        alert("out!");
    });

Answer 3

您正尝试在页面上呈现元素之前将事件绑定到元素。等到它加载完毕。

$(document).ready({

  $( ".tile-2" ).hover(
      function(){
        alert("in!");
      }, function() {
        alert("out!");
      }
    );

});

将鼠标悬停在tile上时，JQuery.hover（）无法正常工作

3 个答案: