jquery中trigger()无法触发hover事件的解决方法
更新时间：2015年05月07日 09:35:29 投稿：hebedich
jquery中trigger() 方法触发被选元素的指定事件类型了，但有使用过程中会碰到一些问题了，下面我们一起来看看jQuery中trigger()触发hover事件疑问,希望对各位有帮助。
今天做一个项目，遇到了一个问题，是以前没有遇到过的，就此记上一笔。
1、trigger方法解释
官方是这么解释的：
复制代码 代码如下:
Description: Execute all handlers and behaviors attached to the matched elements for the given event type.
用法：
.trigger( eventType [, extraParameters] )
其中eventType包含javascript内置的事件、jQuery增加的事件和自定义事件。例如：
$('#foo').bind('click', function()
{
alert($(this).text());
});
$('#foo').trigger('click');
$('#foo').bind('custom', function(event, param1, param2)
{
alert(param1 + "\n" + param2);
});
$('#foo').trigger('custom', ['Custom', 'Event']);
很强大，常常用于页面初始化的时候使用。
2、trigger遇到hover
var $search=$('#header .search');
$search.find('li').hover(function()
{
alert(1);
},function()
{
alert(2);
});
$search.find('li').eq(0).trigger('hover');
无法触发hover。但是：
var $search=$('#header .search');
$search.find('li').click(function()
{
alert(1);
},function()
{
alert(2);
});
$search.find('li').eq(0).trigger('click');
触发click正常！
解决办法：
var $search=$('#header .search');
$search.find('li').hover(function()
{
alert(1);
},function()
{
alert(2);
});
$search.find('li').eq(0).trigger('mouseenter');//hover修改为mouseenter/mouseleave/mouseover/mouseout
同样的情况存在于jQuery.live()，不过live不推荐在1.7以后版本使用，使用on()代替。
以上所述就是本文的全部内容了，希望大家能够喜欢。
相关文章
基于Jquery的动态添加控件并取值的实现代码，需要的朋友可以参考下。2010-09-09
这篇文章主要介绍了jQuery中DOM操作方法,实例分析了dom对象的创建、属性的修改、样式的修改、动态绑定事件等技巧,需要的朋友可以参考下2015-01-01
基于 jquery-cxselect 实现下拉联动效果功能实现
这篇文章主要介绍了基于 jquery-cxselect 实现下拉联动效果,下拉联动是基于query的一款联动下拉菜单插件 jquery-cxselect实现，本文通过实例代码给大家介绍的非常详细，需要的朋友可以参考下2023-02-02
这篇文章主要介绍了jQuery通用的全局遍历方法$.each()用法,结合实例形式分析了$.each()方法实现遍历功能的相关技巧,需要的朋友可以参考下2016-07-07
这篇文章主要为大家详细介绍了jquery购物车结算功能的实现方法,购买多个商品进行统一结算，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-11-11
jquery制作的弹窗提示窗口插件，包含多种模式。带有回执函数值的功能,需要的朋友可以参考下2014-03-03
最近从朋友那儿听说，写JavaScript，JQuery是个不错的东东，市场份额达到70%之巨。所以去下载了一份体验了一下。2009-04-04
JQUERY 浏览器判断实现函数，如果只是为了判断浏览器不建议用，如果你已经用了jquery才用啊，要不没必要因为这个小功能，加个那么大的类库吧。2009-08-08
在jquery中经常需要获取form表单的一些值，下面是常用的代码，需要的朋友可以参考下。2009-12-12
jQuery Mobile 是用于创建移动 Web 应用的前端开发框架。这篇文章主要介绍了jQuery Mobile页面返回不需要重新get 的相关资料,需要的朋友可以参考下2016-04-04
最新评论