jquery - 悬停似乎不起作用

Question

这有效：

$('form').on('click','input:submit[name="Delete"]',function() {
    debugger;
});

但这不会：

$('form').on('hover','input:submit[name="Delete"]',function() {
    debugger;
});

版本：2.0.0b2

Answer 1

您可以改用它：

$(".selector").on(
{
    mouseenter: function() 
    {
        //stuff to do on mouseover
    },
    mouseleave: function()
    {
        //stuff to do on mouseleave
    }
});

或者这样：

$(document).on('mouseover', 'input:submit[name="Delete"]', function() {
    //do something
});
$(document).on('mouseout', 'input:submit[name="Delete"]', function() {
    //do something
});

http://jquery.com/upgrade-guide/1.9/#hover-pseudo-event

从 1.9 开始，不再支持事件名称字符串“hover”作为“mouseenter mouseleave”的同义词。这允许应用程序附加和触发自定义“悬停”事件。更改现有代码是一个简单的查找/替换，jQuery Migrate 插件中还支持“悬停”伪事件以简化迁移