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 相关文章推荐
JQuery Dialog的内存泄露问题解决方法
Jun 18 Javascript
有关DOM元素与事件的3个谜题
Nov 11 Javascript
Javascript图像处理—为矩阵添加常用方法
Dec 27 Javascript
js获取当前日期前七天的方法
Feb 28 Javascript
JavaScript中捕获与冒泡详解及实例
Feb 03 Javascript
JS基于onclick事件实现单个按钮的编辑与保存功能示例
Feb 13 Javascript
bootstrap suggest搜索建议插件使用详解
Mar 25 Javascript
AngularJS读取JSON及XML文件的方法示例
May 25 Javascript
jQuery中库的引用方法
Jan 06 jQuery
微信小程序转化为uni-app项目的方法示例
May 22 Javascript
Vue跨域请求问题解决方案过程解析
Aug 07 Javascript
基于vue+echarts数据可视化大屏展示的实现
Dec 25 Vue.js
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
phpmyadmin的#1251问题
2006/11/25 PHP
克隆一个新项目的快捷方式
2013/04/10 PHP
使用PHP求两个文件的相对路径
2013/06/20 PHP
详解php用curl调用接口方法,get和post两种方式
2017/01/13 PHP
php反射学习之依赖注入示例
2019/06/14 PHP
js left,right,mid函数
2008/06/10 Javascript
js 提交和设置表单的值
2008/12/19 Javascript
JS格式化数字金额用逗号隔开保留两位小数
2013/10/18 Javascript
CSS+JS实现点击文字弹出定时自动关闭DIV层菜单的方法
2015/05/12 Javascript
由浅入深讲解Javascript继承机制与simple-inheritance源码分析
2015/12/13 Javascript
基于javascript实现泡泡大冒险网页版小游戏
2016/03/23 Javascript
js实现各种复制到剪贴板的方法(分享)
2016/10/27 Javascript
浅析上传头像示例及其注意事项
2016/12/14 Javascript
使用Bootstrap美化按钮实例代码(demo)
2017/02/03 Javascript
详解angular中通过$location获取路径(参数)的写法
2017/03/21 Javascript
微信小程序实战之自定义抽屉菜单(7)
2017/04/18 Javascript
教你5分钟学会用requirejs(必看篇)
2017/07/25 Javascript
ztree加载完成后显示勾选节点的实现代码
2018/10/22 Javascript
python计算对角线有理函数插值的方法
2015/05/07 Python
在Python中处理字符串之ljust()方法的使用简介
2015/05/19 Python
Python批量重命名同一文件夹下文件的方法
2015/05/25 Python
Python实现代码统计工具(终极篇)
2016/07/04 Python
Python进程间通信Queue实例解析
2018/01/25 Python
Python实现字符型图片验证码识别完整过程详解
2019/05/10 Python
PyQt5组件读取参数的实例
2019/06/25 Python
Python hashlib加密模块常用方法解析
2019/12/18 Python
如何基于python实现归一化处理
2020/01/20 Python
TensorFlow MNIST手写数据集的实现方法
2020/02/05 Python
Python爬虫爬取杭州24时温度并展示操作示例
2020/03/27 Python
Python脚本如何在bilibili中查找弹幕发送者
2020/06/04 Python
Ejb技术面试题
2015/04/29 面试题
应聘美工求职信
2013/11/07 职场文书
优秀团支部事迹材料
2014/02/08 职场文书
恐龙的灭绝教学反思
2014/02/12 职场文书
Java基于Dijkstra算法实现校园导游程序
2022/03/17 Java/Android
升级 Win11 还是坚守 Win10?微软 Win11 新系统缺失功能大盘点
2022/04/05 数码科技