jQuery - 使用扩展选择器悬停不起作用

Question

悬停时我想调用一个函数。如果该元素具有“disabled_btn”类，则它将被抑制。为什么模式代码不工作？ jsfiddle

HTML

<button id="btn" > hover here</button> 

JS

$('#btn:not(.disabled-btn)').on('hover', function(){ 
       alert('click'); 
      }); 

Answer 1

尝试mouseover而不是hover：

$('#btn:not(.disabled-btn)').on(' mouseover', function() { 
    alert('click'); 
}); 

演示：http://jsfiddle.net/qa7co8y4/2/

Answer 2

您应该使用.hover()而不是on("hover")。就像这样：

$('#btn:not(.disabled-btn)').hover(function() { 
    alert('click'); 
}); 

小提琴：http://jsfiddle.net/qa7co8y4/3/

Answer 3

有没有像在JS，你需要使用mouseenter或mouseover代替hover。

$('#btn:not(.disabled-btn)').on(' mouseenter', function() { 
    alert('click'); 
}); 

或

$('#btn:not(.disabled-btn)').on(' mouseover', function() { 
    alert('click'); 
}); 

Answer 4

伊夫更新您的代码，你看到Updated Code

$('#btn:not(.disabled-btn)').hover(function(){ 
 
        alert('click'); 
 
       });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button id="btn" class=""> hover here</button>