Question

我使用blast.js，当您将鼠标移到元素上并将其移出元素时，我的悬停效果会触发。我希望它表现得像正常的悬停效果。我知道悬停效果通常设置如下：

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

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

我有一个小提琴，但我不知道如何在小提琴上进行爆破。

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

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

这些是基于HTML事件的JQuery函数。还有其他活动，例如mouseenter和mouseleave，您可以在W3Schools找到它们。

Answer 2

您应该为您的函数添加参数：

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

并在身体内部打电话：

e.preventDefault();

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

2 个答案: