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 相关文章推荐
一个JavaScript继承的实现
Oct 24 Javascript
javascript常用的正则表达式实例
May 15 Javascript
JavaScript监听文本框回车事件并过滤文本框空格的方法
Apr 16 Javascript
JS实现横向与竖向两个选项卡Tab联动的方法
Sep 27 Javascript
JavaScript 数组中最大最小值
Jun 05 Javascript
JS Canvas定时器模拟动态加载动画
Sep 17 Javascript
js 作用域和变量详解
Feb 16 Javascript
微信小程序与php 实现微信支付的简单实例
Jun 23 Javascript
vue-cli3.0使用及部分配置详解
Aug 29 Javascript
推荐一个基于Node.js的表单验证库
Feb 15 Javascript
NProgress显示顶部进度条效果及使用详解
Sep 21 Javascript
vue 内联样式style中的background用法说明
Aug 05 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实现支持加盐的图片加密解密
2016/09/09 PHP
PHP静态方法和静态属性及常量属性的区别与介绍
2019/03/22 PHP
JQuery对checkbox操作 (循环获取)
2011/05/20 Javascript
js 为label标签和div标签赋值的方法
2013/08/08 Javascript
根据身份证号自动输出相关信息(籍贯,出身日期,性别)
2013/11/15 Javascript
AngualrJS中每次$http请求时的一个遮罩层Directive
2016/01/26 Javascript
整理JavaScript对DOM中各种类型的元素的常用操作
2016/05/05 Javascript
基于jQuery实现滚动切换效果
2016/12/02 Javascript
javascript实现文字无缝滚动
2016/12/27 Javascript
jQuery实现的简单在线计算器功能
2017/05/11 jQuery
axios对请求各种异常情况处理的封装方法
2018/09/25 Javascript
Vue绑定内联样式问题
2018/10/17 Javascript
vue-dplayer 视频播放器实例代码
2019/11/08 Javascript
js构造函数constructor和原型prototype原理与用法实例分析
2020/03/02 Javascript
利用vue3+ts实现管理后台(增删改查)
2020/10/30 Javascript
[31:33]2014 DOTA2国际邀请赛中国区预选赛 TongFu VS DT 第一场
2014/05/23 DOTA
[29:10]Ti4 冒泡赛第二天 NEWBEE vs Titan 3
2014/07/15 DOTA
[01:02:48]2018DOTA2亚洲邀请赛小组赛 A组加赛 Newbee vs Liquid
2018/04/03 DOTA
Python中tell()方法的使用详解
2015/05/24 Python
python 字典修改键(key)的几种方法
2018/08/10 Python
Python动态赋值的陷阱知识点总结
2019/03/17 Python
Django rest framework jwt的使用方法详解
2019/08/08 Python
python中open函数的基本用法示例
2019/09/07 Python
如何基于python实现脚本加密
2019/12/28 Python
Python无头爬虫下载文件的实现
2020/04/02 Python
Django配置跨域并开发测试接口
2020/11/04 Python
体育专业个人的求职信范文
2013/09/21 职场文书
军人违纪检讨书
2014/02/04 职场文书
幼儿园教师岗位职责
2014/03/17 职场文书
中秋寄语大全
2014/04/11 职场文书
春节超市活动方案
2014/08/14 职场文书
竞选班长演讲稿500字
2014/08/22 职场文书
2015年房地产个人工作总结
2015/05/26 职场文书
2016大一新生军训心得体会
2016/01/11 职场文书
企业管理不到位检讨书
2019/06/27 职场文书
Web应用开发TypeScript使用详解
2022/05/25 Javascript