今天做一个项目,遇到了一个问题,是以前没有遇到过的,就此记上一笔。
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中多个元素的Hover事件解决方案,包括了jQuery中多个元素的Hover事件解决方案的使用技巧和注意事项,需要的朋友参考一下 1.需求简介 jQuery的hover事件只是针对单个HTML元素,例如: 当鼠标进入#login元素时调用fun1函数,离开时则调用fun2函数,这种API已能够满足绝大部分需求。 不过,有些时候我们希望当鼠标进入两个或多个元素时触发fun1
更新:找到可能的原因,当我确认后,我会将其作为答案发布 我发现IE的行为很有趣。 与我在JSFIDLE上发布的示例相反,我的原始页面在背景中显示了一个图像(很抱歉省略了它,我认为它不相关)。不是作为css后台属性,而是作为img元素,位于带有mouseenter/mouseleave事件处理程序的div之前。我没有使用z-index属性(并且我已经确认使用它不会改变任何东西),我发现在这种情况下(
本文向大家介绍js onmousewheel事件多次触发问题解决方法,包括了js onmousewheel事件多次触发问题解决方法的使用技巧和注意事项,需要的朋友参考一下 我想做一个首屏和第二屏之间滚动鼠标滚轮就可以整平切换的效果,遇到了很多问题,后来在kk的帮助下,终于解决了这个问题,甚是欢喜,于是记录一下: 我最初的代码是这样的: 这样的代码我在IE和火狐下测试都是正常的,但是在谷歌下onmo
本文向大家介绍Oracle触发器trigger详解,包括了Oracle触发器trigger详解的使用技巧和注意事项,需要的朋友参考一下 触发器相关概念及语法 概述 本篇博文中主要探讨以下内容: 什么是触发器 触发器的应用场景 触发器的语法 触发器的类型 案例 数据: 触发器的概念和第一个触发器 数据库触发器是一个与表相关联的,存储的PL/SQL 语句。 每当一个特定的数据操作语句(insert u
问题内容: 我有3个文件: js_json.js->用于我的json代码 javascript.js->用于我的javascript函数 index.php 这里的代码为: 这是我的代码: 这里的代码: 我的问题是: 当我单击链接“ Hola Test 1”时,它将起作用并显示消息。问题是,在单击选择选项之后,出现了链接“ Hola Test”,然后单击该链接(“ Hola Test”),该消息没
问题内容: 我已经阅读了有关此问题的所有答案,但似乎没有一种解决方案有效。 另外,我感觉到用特殊字符触发按键根本不起作用。有人可以验证谁这样做吗? 问题答案: 如果您想触发按键或按键事件,那么您要做的就是: