2013-04-09 98 views
0

这工作:悬停似乎没有奏效

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

但这并不:

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

版本:2.0.0b2

+3

,在1.9取出假新闻,用'的mouseenter mouseleave'代替。 – 2013-04-09 20:48:56

回答

3

您可以使用它代替:

$(".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,事件名称字符串 “悬停” 不再支持作为 代名词 “的mouseenter鼠标离开”。这允许应用程序连接并触发一个自定义的“悬停”事件。改变现有的代码是一个简单的 查找/替换,和“徘徊”,也支持在 了jQuery插件迁移伪事件,以简化迁移

+0

如果我这样做,toggleClass会正常工作吗?我所做的是将课程切换到“btn-danger”。 – 2013-04-09 20:55:18

+0

你可以在mouseover或mouseout回调函数上使用'.toggleClass()' - – 2013-04-09 20:58:03