悬停似乎不起作用

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插件简化了迁移