$('#login').hover(fun2, fun2);
$('#trigger, #drop'),hover(fun1, fun2);
<div id="container"> <div id="trigger"></div> <div id="drop"></div> </div> $('#container').hover(fun1, fun2);
ul id="#nav"> <li></li> <li></li> <li id="droplist"> <span>下拉菜单</span> <ul> <li>下拉项1</li> <li>下拉项2</li> <li>下拉项3</li> <ul> </li> <li></li> </ul>
$('#droplist').hover(function(){ $(this).find('ul').show(); }, function(){ $(this).find('ul').hide(); });
#nav li { font-size:14px; }
#nav li li { font-size:12px; }
<ul id="#nav"> <li></li> <li></li> <li id="trigger">下拉菜单</li> <li></li> </ul> <ul id="drop"> <li>下拉项1</li> <li>下拉项2</li> <li>下拉项3</li> <ul>
<script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.mixhover.js"></script>
$.mixhover( '#trigger', '#drop', function(trg, drop){ #(drop).show(); }, function(trg, drop){ #(drop).hide(); } )
/** * Author: http://rainman.cnblogs.com/ * Date: 2014-06-06 * Depend: jQuery */ $.mixhover = function() { // 整理参数 $.mixhover($e1, $e2, handleIn, handleOut) var parms; var length = arguments.length; var handleIn = arguments[length - 2]; var handleOut = arguments[length - 1]; if ($.isFunction(handleIn) && $.isFunction(handleOut)) { parms = Array.prototype.slice.call(arguments, 0, length - 2); } else if ($.isFunction(handleOut)) { parms = Array.prototype.slice.call(arguments, 0, length - 1); handleIn = arguments[length - 1]; handleOut = null; } else { parms = arguments; handleIn = null; handleOut = null; } // 整理参数 使得elements依次对应 var elems = []; for (var i = 0, len = parms.length; i < len; i++) { elems[i] = []; var p = parms[i]; if (p.constructor === String) { p = $(p); } if (p.constructor === $ || p.constructor === Array) { for (var j = 0, size = p.length; j < size; j++) { elems[i].push(p[j]); } } else { elems[i].push(p); } } // 绑定Hover事件 for (var i = 0, len = elems[0].length; i < len; i++) { var arr = []; for (var j = 0, size = elems.length; j < size; j++) { arr.push(elems[j][i]); } $._mixhover(arr, handleIn, handleOut); } }; $._mixhover = function(elems, handleIn, handleOut) { var isIn = false, timer; $(elems).hover(function() { window.clearTimeout(timer); if (isIn === false) { handleIn && handleIn.apply(elems, elems); isIn = true; } }, function() { timer = window.setTimeout(function() { handleOut && handleOut.apply(elems, elems); isIn = false; }, 10); }); };
本文向大家介绍jquery中trigger()无法触发hover事件的解决方法,包括了jquery中trigger()无法触发hover事件的解决方法的使用技巧和注意事项,需要的朋友参考一下 今天做一个项目,遇到了一个问题,是以前没有遇到过的,就此记上一笔。 1、trigger方法解释 官方是这么解释的: 用法: .trigger( eventType [, extraParameters] )
本文向大家介绍JQuery给元素绑定click事件多次执行的解决方法,包括了JQuery给元素绑定click事件多次执行的解决方法的使用技巧和注意事项,需要的朋友参考一下 原绑定方法: 这种方法只会在原click方法中继续添加新方法; 解决办法更改绑定方法为: 在绑定新click方法前对元素所绑定的click方法解绑
本文向大家介绍jquery 新建的元素事件绑定问题解决方案,包括了jquery 新建的元素事件绑定问题解决方案的使用技巧和注意事项,需要的朋友参考一下 js的事件监听跟css不一样,css只要设定好了样式,不论是原来就有的还是新添加的,都有一样的表现。而事件监听不是,你必须给每一个元素单独绑定事件。 常见的例子是处理表格的时候。每行行末有个删除按钮,点了这个能够删除这一行。 通常,我会这么绑定 对
本文向大家介绍解决jquery appaend元素中id绑定事件失效的问题,包括了解决jquery appaend元素中id绑定事件失效的问题的使用技巧和注意事项,需要的朋友参考一下 1. 在jquery中append元素,如果该元素中有id值并且绑定事件,那么该id事件会失效,必须刷新一下才能使用。 2.解决办法: 举例:如果在一个<div class="title"></div>中,通过app
本文向大家介绍jQuery中dom元素上绑定的事件详解,包括了jQuery中dom元素上绑定的事件详解的使用技巧和注意事项,需要的朋友参考一下 作为技术狂热分子的职业本能,看到一个技术产品的功能,总会忍不住想知道它是怎么被实现的。比如我每每看到别人网站一个很炫的界面或者很酷的功能,就忍不住打开了浏览器的控制台。。。 好,不扯远,说说当你想看到网站上某个元素绑定的事件函数的代码时应该怎么做吧。 查看
本文向大家介绍window.onload绑定多个事件的两种解决方案,包括了window.onload绑定多个事件的两种解决方案的使用技巧和注意事项,需要的朋友参考一下 前言 有些函数,必须在网页加载完毕后执行。比如:涉及DOM操作的。 网页加载完毕时会触发一个onload事件,将函数绑定到这个事件上即可。 问题来了:如果需要同时绑定多个事件,该如何处理呢?有两种解决方法 方案一 创建一个匿名函数,