2016-04-11 9 views
0

私はblast.jsを使用しています。また、マウスの上にマウスを移動して要素から移動すると、ホバー効果がトリガーされます。私はそれが通常のホバー効果のように動作するようにします。私はホバー効果は通常のように設定されていることを知っている:jquery hoverエフェクトがオン/オフをアクティブにするのを防ぐ方法

$('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); 
    }); 
    }); 
}); 
+1

マウスで要素を入力したときにのみ発生しますか?もしそうなら、あなたは '.hover'の代わりに' .mouseenter'を使いたいかもしれません。このコンテキストでは、1つのコールバック関数しか必要ありません。 – litel

+0

JSfiddleで外部スクリプトの完全修飾URLを追加する必要があります。 –

+0

thanks mouseenter works – Shniper

答えて

3

オブジェクトと.mouseout()の場合カーソルがオブジェクトを離れます。

これらは、HTMLイベントに基づくJQuery関数です。 mouseentermouseleaveのような他のイベントもあります。それらはW3Schoolsにあります。

0

あなたは、あなたの関数にPARAMを追加する必要があります

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

と身体の内側に呼び出す:あなたはカーソルが入ったときのために.mouseover()を使用することができます

e.preventDefault(); 
関連する問題