ホバーとif文発射ONCE

Question

mouseoverは、マウスが の領域に入るたびに "if"ステートメントをチェックするイベントとしてバインドされますが、 "if"は1回だけチェックします。クラスがなく、 "if" がfalseになると、ホバーは引き続き動作します。

毎回クラスが存在するかどうかを確認する必要があります。

$('.input-medium').on('mouseover' , function() { 
    if ($(this).attr('id') === 'error-highlight') { 
      $(this).hover(
        function() { 
         $('<p class="reg-tooltip">test test</p>').appendTo('body'); 
        }, 

        function() { 
         $('p').remove(); 
        }); 
     } 
}); 

Answer 1

ソリューション：hover自体にif条件を追加します。

$('.input-medium').hover(
    function() { 
     if (this.id === 'error-highlight') { 
      $('<p class="reg-tooltip">test test</p>').appendTo('body'); 
     } 
    }, 
    function() { 
     $('p.reg-tooltip').remove(); // <-- Always remove temporary element 
    } 
);