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

Question

悬停时我想调用一个函数。如果元素具有类＆＃34; disabled_btn＆＃34;它应该被压制。为什么模式代码不起作用？ 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上的hover没有任何内容，您需要使用mouseenter或mouseover。

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

或

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

Answer 4

我已为您更新代码，请参阅Updated Code

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;