Question

我遇到此问题，mouseover（div）上的div.stripPopupTrigger会触发AJAX调用，该调用会获取一些数据并显示包含该数据的弹出框。但是，div中的span是一个mouseover，其中包含一些与之相关的文本（请参阅下面的HTML）。

问题是，当我span span然后从div进入span时，AJAX调用会再次触发（我估计有点预期）。我希望停止从div.stripPopupTrigger到div.stripPopupTrigger的所有触发器。当然，<div class='stripPopupTrigger cabinet-strip-type ".$type." ' style='background-color:".$color.";'> <span class='cabinet-results-kw-value' style=''>".sprintf("%01.2f", $power)."</span><br /> <span class='cabinet-results-kw-kw'>KW</span><br /> <span class='cabinet-results-kw-name'>".$name."</span> </div>的任何一位父母都必须按预期开火。

$('.stripPopupTrigger').live('mouseover', function() {

//some code here

$.ajax({            
  type: 'GET',  
  url: 'kwfinder/getdata',  
  data: 'strip=' + stripName,   
  success: function(data) {
    // some code here
  }
});

jQuery如下所示：

.live('mouseout')

{{1}}事件只是将CSS显示调整为无。隐藏弹出框。

Answer 1

尝试mouseenter事件而不是鼠标悬停。它应该做你想要的。

jquery mouseover / mouseout问题

1 个答案: