アンカーのjqueryトリガーホバー

Question

私は、Web環境で開発するためにjQueryを使用しています。

私はそれらの

$("#a#trigger").trigger('mouseenter'); 
$("#a#trigger").trigger('hover'); 
$("#a#trigger").trigger('mouseover'); 

すべての3は私が持っているホバー機能をアクティブにするために働いていない理由を知りたいです。

$(function() { 


     $('a#trigger').hover(function(e) { 
      $('div#pop-up').show(); 

      }, function() { 
      $('div#pop-up').hide(); 
     }); 

    }); 

     }); 

a#triggerアンカーの名前であり、そして#pop-upは私のWebでのdiv要素です。

問題は、FullCalendarプラグインでいくつかのイベントにマウスを合わせて、それらの機能が動作しないことです。おかげさまで

Answer 1

、問題は単に最初のハッシュを削除し、セレクタで余分#ですIDは一意でなければならず、要素タイプを指定する必要はなく、$('#trigger')がより効率的です。

は1.9で削除、jQueryの1.8で非推奨：文字列 "mouseenter mouseleave"の省略形として使用される名前 "hover"を

もあることに注意してください。これらの2つのイベントに対して1つのイベントハンドラが割り当てられ、ハンドラはmouseenterまたはmouseleaveかどうかを判断するためにevent.typeを調べる必要があります。 "hover"疑似イベント名と1つまたは2つの機能を受け入れる.hover()メソッドを混同しないでください。

Answer 2

jQueryセレクタは、たとえば次のように記述する必要があります。 jQueryので

$('a#trigger'); 

代わりに$('#a#trigger');

セレクタ位は、IDと一致します。この場合、triggerはIDですが、aはHTML要素であり、プレフィックスは必要ありません。

あなたの最終的なコードは次のようになります。以来という

$("a#trigger").trigger('mouseenter'); 

注：あなたは正しい軌道に乗っている

$("a#trigger").trigger('mouseenter'); 
$("a#trigger").trigger('hover'); 
$("a#trigger").trigger('mouseover');