jquery中trigger()无法触发hover事件的解决方法


Posted in Javascript onMay 07, 2015

今天做一个项目,遇到了一个问题,是以前没有遇到过的,就此记上一笔。

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()代替。

以上所述就是本文的全部内容了,希望大家能够喜欢。

Javascript 相关文章推荐
用jscript启动sqlserver
Jun 21 Javascript
js 全兼容可高亮二级缓冲折叠菜单
Jun 04 Javascript
JavaScript高级程序设计 扩展--关于动态原型
Nov 09 Javascript
cnblogs中在闪存中屏蔽某人的实现代码
Nov 14 Javascript
js获取url参数值的两种方式
Sep 10 Javascript
用js的document.write输出的广告无阻塞加载的方法
Jun 05 Javascript
Javascript添加监听与删除监听用法详解
Dec 19 Javascript
深入浅析JavaScript中数据共享和数据传递
Apr 25 Javascript
完美实现八种js焦点轮播图(下篇)
Apr 20 Javascript
javascript高级模块化require.js的具体使用方法
Oct 31 Javascript
浅谈HTTP 缓存的那些事儿
Oct 17 Javascript
什么是SOLID
Mar 24 Javascript
javascript实现的图片切割多块效果实例
May 07 #Javascript
javascript中indexOf技术详解
May 07 #Javascript
javascript限制文本框输入值类型的方法
May 07 #Javascript
浅谈Javascript的静态属性和原型属性
May 07 #Javascript
ECMAScript5(ES5)中bind方法使用小结
May 07 #Javascript
JS中获取函数调用链所有参数的方法
May 07 #Javascript
jQuery中animate动画第二次点击事件没反应
May 07 #Javascript
You might like
php strlen mb_strlen计算中英文混排字符串长度
2009/07/10 PHP
解析thinkphp基本配置 convention.php
2013/06/18 PHP
php生成图片验证码-附五种验证码
2015/08/19 PHP
PHP中trait使用方法详细介绍
2017/05/21 PHP
PHP调用全国天气预报数据接口查询天气示例
2019/02/20 PHP
js 静态动态成员 and 信息的封装和隐藏
2011/05/29 Javascript
javascript实现倒计时N秒后网页自动跳转代码
2014/12/11 Javascript
JavaScript 学习笔记之基础中的基础
2015/01/13 Javascript
有趣的bootstrap走动进度条
2016/12/01 Javascript
利用node实现一个批量重命名文件的函数
2017/12/21 Javascript
详解如何在微信小程序中愉快地使用sass
2018/07/30 Javascript
LayerClose弹窗关闭刷新方法
2018/08/17 Javascript
小试小程序云开发(小结)
2019/06/06 Javascript
[45:34]完美世界DOTA2联赛PWL S3 Rebirth vs CPG 第一场 12.18
2020/12/19 DOTA
python 中文字符串的处理实现代码
2009/10/25 Python
python基础教程之序列详解
2014/08/29 Python
Python 反转字符串(reverse)的方法小结
2018/02/20 Python
详谈Python中列表list,元祖tuple和numpy中的array区别
2018/04/18 Python
Python函数装饰器实现方法详解
2018/12/22 Python
django 扩展user用户字段inlines方式
2020/03/30 Python
Python基于数列实现购物车程序过程详解
2020/06/09 Python
美国知名的女性服饰品牌:LOFT(洛芙特)
2016/08/05 全球购物
新加坡航空官方网站:Singapore Airlines
2016/10/13 全球购物
欧洲最大的高尔夫零售商:American Golf
2019/09/02 全球购物
Collection和Collections的区别
2016/05/02 面试题
超市后勤自我鉴定
2014/01/17 职场文书
《满井游记》教学反思
2014/02/26 职场文书
自我鉴定标准格式
2014/03/19 职场文书
小学生期末评语大全
2014/04/21 职场文书
乔布斯斯坦福大学演讲稿
2014/05/23 职场文书
2014年信息技术工作总结
2014/12/16 职场文书
工作保证书
2015/01/17 职场文书
单位接收证明格式
2015/06/18 职场文书
小王子读书笔记
2015/06/29 职场文书
Python集合set()使用的方法详解
2022/03/18 Python
Python采集爬取京东商品信息和评论并存入MySQL
2022/04/12 Python