如何防止 jquery 悬停效果激活和关闭悬停

Question

我正在使用 blast.js，当您将鼠标移到元素上以及将鼠标移出元素时，我的悬停效果就会触发。我希望它表现得像正常的悬停效果。我知道悬停效果通常是这样设置的：

$('h1').hover(function(){
  //code here
}, function(){
  //code here
});

但我不确定在使用 blast.js 时我会在第二个函数中放入什么，以防止它发生两次。

我有一个 fiddle，但我不知道如何在 fiddle 上运行 blast。

DEMO

$(function() {

  $('h1').hover(function() {
    // Blasts the title
    var chars = $('h1').blast({
      delimiter: 'word'
    });
    // Animation character per character
    chars.each(function(i) {
      // Initialization of the position
      $(this).css({
        position: 'relative',
        left: 0
      }).delay(i * 45).animate({
        left: '50px'
      }, 300).delay(200).animate({
        left: 0
      }, 300);
    });
  });
});

Answer 1

您应该将参数添加到您的函数中：

$('h1').hover(function(e) { ... });

并在体内调用：

e.preventDefault();

Answer 2

当光标进入对象时可以使用.mouseover()，当光标离开对象时可以使用.mouseout()。

这些是基于 HTML 个事件的 JQuery 个函数。还有其他事件，例如 mouseenter 和 mouseleave，您可以在 W3Schools.

中找到它们

如何防止 jquery 悬停效果激活和关闭悬停

How to prevent jquery hover effect from activating on and off hover

javascript

jquery

hover