количество исполнений увеличивается по мере того, как мышь вводит ту же ссылку снова и снова

Question

Я столкнулся с проблемой в jquery У меня есть следующий код, который содержит jQuery-ui-tooltip с пользовательским контентом.

$('a').tooltip({ 
     items: "a ,[title]", 
     content: function() { 
     $('a').mouseenter(function(e) {     
      var tempid= $(this).attr('title'); 
      console.log("hhh "+tempid); 
     $.ajax({ 
     type:"POST", 
     url:"page1.php", 
     data:"id=tempid", 
     error:function(){ 
     console.log(event); 
     return "<P>Some Problem occured</p>"; 
     }, 
     success:function(e){ 
       console.log(event); 
     } 

      }); 

      }); 
    return "<p>ha hdj fj fkfod jf kjf ckfd fkj</p>";  

}  
}) 

Теперь проблема заключается в том, что при наведении курсора мыши войти на любую ссылку, то успех часть выполнить 1 раз .when мыши ввести на той же линии, то он выполняется в два раза и так далее ...

Но я хочу он выполняется только один раз, даже если мышь вводится дважды или более.

Answer 1

Используйте глобальную переменную, чтобы проверить, не указана ли мышь.

var hasNotEntered = true; 
$('a').tooltip({ 
items: "a ,[title]", 
content: function() { 
    $('a').mouseenter(function (e) { 
     if (hasNotEntered) { 
      var tempid = $(this).attr('title'); 
      console.log("hhh " + tempid); 
      $.ajax({ 
       type: "POST", 
       url: "page1.php", 
       data: "id=tempid", 
       error: function() { 
        console.log(event); 
        return "<P>Some Problem occured</p>"; 
       }, 
       success: function (e) { 
        console.log(event); 
       } 

      }); 


     } 
    }); 
    return "<p>ha hdj fj fkfod jf kjf ckfd fkj</p>"; 

} 

});