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>