我使用jQuery为页面上的元素设置悬停回调。我现在正在编写一个模块，它需要为一些元素临时设置新的悬停行为。新模块无法访问悬停函数的原始代码。
我希望在设置新的悬停函数之前存储旧的悬停函数，以便在完成临时悬停行为时可以恢复它们。
我认为可以使用jQuery.data()函数来存储这些内容：
//save old hover behavior (somehow)
$('#foo').data('oldhoverin',???)
$('#foo').data('oldhoverout',???);
//set new hover
浏览 3提问于2008-09-08得票数 5
回答已采纳
1回答
对不起，标题不是更具体。我对我编写的jquery菜单有一些小问题。可以在wlmtest.info上看到
这是主菜单。我遇到的麻烦如下所示。
如果您将鼠标悬停在顶部的菜单按钮上，菜单将下拉。现在向上移动鼠标，不要将鼠标悬停在实际的下拉列表上。即使鼠标离开菜单，菜单下拉列表仍会继续显示。
摆脱下拉菜单的唯一方法是将鼠标悬停在菜单下拉菜单上，然后将鼠标从它上面移开。
我的代码如下
jQuery("ul.lmenutabs li").mouseenter(function()
{
jQuery("ul.lmenutabs li").removeClass(&#
浏览 1提问于2011-12-04得票数 0
回答已采纳
5回答
我有一个jQuery代码，当你将鼠标悬停在div上时，它可以完美地工作。
$(function() {
jQuery('#div-to-hover').hover(function(){
jQuery('#my-background-image').css("background-image", "url(active.png)");
});
});
我想更改它，这样当它悬停时，active.png就是背景图像。如果未悬停，则它将变为normal.png。
浏览 4提问于2012-08-10得票数 1
回答已采纳
2回答
我正在尝试为悬停时添加一个简单的jQuery slidedown函数。当我将操作附加到文档正文时，我可以让slidedown工作，但当我用作链接的图像附加时，它不工作。这里是为div设置的
jQuery(document).ready( function(){
jQuery('.desTitle').hide()
});
jQuery('#desGal').hover(function()
{
jQuery('.desTitle').slideDown('slow');
});
HTML是：
<div id="con
浏览 1提问于2013-07-10得票数 0
回答已采纳
2回答
我有一系列使用css3实现悬停效果的图像。当用户将鼠标悬停在图像上时，标题会滑过。这是一个非常好的效果。在移动端，用户看不到这种悬停效果，因为移动端没有悬停。理想情况下，我希望移动用户在“点击”(与点击相同)图像时看到标题。将css悬停选择器转换为单击事件的最佳方法是什么？我认为最好的方法是使用jquery。但是，如果我这样做，我不确定这将如何在CSS3中工作：
$("img").click(function(){
perform css3 hover transitions now
});
我会把这个放在一个条件中，这样它只适用于480px以下的屏幕(手机)。我的问
浏览 0提问于2012-05-02得票数 1
回答已采纳
我正在尝试使用JQuery和JQuery UI同时拥有鼠标悬停事件和拖放功能。
我目前在这里有一个可以工作的原型：。
正如您所看到的，如果您将鼠标移动到图像上，通过绑定到左侧艺术作品的悬停事件，则会隐藏/显示一个单独的相应div。这可以很好地工作。但是，一旦您将其中一个插图拖放到虚线区域，悬停就不再起作用。
以下是悬停代码：
$(".artwork").hover(function () {
var hoverid = $(this).attr('id');
var hovernum = hoverid.split("img&
浏览 2提问于2009-12-02得票数 0
回答已采纳
我是jquery的新手，所以请耐心听我说。我在多个div上做了一个简单的显示/隐藏。基本上，你将鼠标悬停在一个带有类的图像上，然后显示来自带有相应类的div的内容。我遇到的情况是，如果你将鼠标悬停在一张图片上，然后又将鼠标悬停在另一张图片上，有时我会看到前一次悬停的内容和当前悬停的内容本质上是重复的内容。这真的是只有当你快速悬停在图像上时才会这样，但还是会让人恼火。你知道为什么会发生这种情况吗？
jQuery('document').ready(function(){
jQuery('.company').not(':first').hid
浏览 1提问于2013-04-12得票数 0
回答已采纳
如何将鼠标悬停在img元素上，以便在将鼠标悬停在父元素上时显示它的ALT属性？
示例：
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('div.dorp').mouseover(function(){
jQuery(this).find("img").mouseover();
}).mouseout(function(){
jQuery(this).find("img")
浏览 1提问于2012-07-18得票数 0
1回答
我有一个导航菜单，当我将光标悬停在它上面时，我希望它将不透明度更改为1，然后如果页面向下滚动，鼠标不再悬停在它上面，则将不透明度降低到0.5。我有这个jQuery代码：
// JavaScript Document
jQuery(document).ready(function() {
var navOffset = jQuery("nav").offset().top;
jQuery(window).scroll(function() {
var scrollPos = jQuery(window).scrollTop();
if (sc
浏览 2提问于2015-08-01得票数 0
我在使用jquery / css创建下拉菜单时遇到了问题。
现在，每个类别的每个下拉菜单都是一个div，它有一个隐藏的显示，直到类别悬停。我试图让jquery在hover和mouseleave上显示/隐藏正确的div。
我使用的逻辑是:如果类别链接或下拉菜单悬停，则显示下拉菜单，否则隐藏下拉菜单。
更具体地说，我遇到的问题是，只要用户将鼠标悬停在类别链接上，就会显示下拉菜单……一旦dropdown div没有悬停，它就会关闭。我需要它关闭，如果下拉列表没有悬停或如果类别链接没有悬停…
现在，即使我将鼠标悬停在相邻的类别上，试图查看相邻的下拉菜单的类别，第一个下拉菜单仍然保持打开，除非我先将鼠标
浏览 0提问于2012-04-01得票数 0
1回答
Z索引导致的jQuery悬停问题
、、、、
我想使用jQuery触发一个元素的悬停事件，但是我使用z-index将一个半透明的png定位在该元素上。有没有办法告诉jQuery忽略png并触发它下面的元素的悬停事件？
浏览 0提问于2010-08-19得票数 18
回答已采纳
我有以下jQuery：
$("#toolbar").hover(function () {
$(".logo").fadeOut("slow", function () {
$(this).addClass("logohover")
$(this).parent().addClass("logohover").fadeIn("slow", function () {
$(".logo").fadeIn("slow"
浏览 0提问于2010-03-10得票数 2
回答已采纳
5回答
如何使用jQuery绑定并发事件
、、、、
如何在jQuery中将同步事件绑定到选择器？
我的意思不是如何捕捉某个元素上的点击或悬停，而是如何捕捉两个同时发生的事件。例如，鼠标悬停和按键，或者单击和按键，如shift+click等。
提前谢谢。
浏览 0提问于2011-10-27得票数 1
回答已采纳
4回答
是否可以使用JavaScript事件模拟悬停？我尝试在目标元素上注入mouseover事件，但没有成功。
例如，如果有一个带有悬停选择器的链接，是否可以使用JavaScript事件将其“悬停”在其上？基本上，我想触发CSS悬停。你可以假设我不能使用jQuery。
浏览 1提问于2012-07-31得票数 5
回答已采纳
当我在某个元素上悬停时，我试图改变某些文本的样式。在悬停时，我想将它更改为不同的文本。单击时，我希望将其更改为第三个值，而不是在悬停上更改。在悬停，点击，它应该保持不变。它都能工作--除了第一次点击之后，悬停在动作中的效果很好，但是悬停动作再也不起作用了。
这方面的一个简单应用程序是在悬停时显示“预览”，但如果没有单击，则在悬停时进行更改。但是，在单击时，我希望它在单击后不会丢失悬停/悬停功能，同时进行固定的更改。
我的猜测是，我必须重新打开mouseleave事件，但是我将在哪里应用它，以及如何应用它？
以下是我到目前为止尝试过的：
HTML:
<a href="javasc
浏览 6提问于2015-04-21得票数 0
回答已采纳
1回答
当窗口正常屏幕时，我使用悬停功能。
jQuery(".main-menu ul li").hover(
function() {
jQuery(this).children("ul").slideToggle(1000);
}
但我想当屏幕将是768‘t的移动响应，这个悬停功能不工作，并点击功能将激活。我用过这个功能
jQuery(window).resize(function() {
var screenWidth = jQuery(window).width();
if(screenW
浏览 4提问于2016-02-15得票数 0
回答已采纳
2回答
我有一个网页与html和jQuery代码如下所示。我订阅了带有firstname id的输入文本框的悬停事件，但它从不在文本框上方盘旋时触发。我已将此事件代码放在中。
此问题的演示程序位于以下网址：
问题：对于订阅悬停事件，下面的jQuery代码有什么问题？我的目标是每当文本框悬停时应用highlight类。
Html代码
<style>
.highlight {
background-color: yellow;
border: 1px red solid;
}
</style>
<script src="//ajax.googl
浏览 7提问于2015-12-18得票数 3
回答已采纳
1回答
好的，我在这里使用了这段代码来以制表符切换的方式显示和隐藏一个div：
jQuery('a[id^="link"]').click(function(){
var vid_id = jQuery(this).attr("id").replace("link", "#testVid");
jQuery('div[id^="testVid"]').hide();
jQuery(vid_id).show();
我想使悬停状态和选定div的状态，但我似乎不能让
浏览 0提问于2013-02-25得票数 0
1回答
SVG路径命中测试
、、、、
我在检测SVG路径元素上的鼠标悬停事件时遇到问题。似乎path元素的strokeWidth越小，我检测鼠标悬停的成功率就越低。
另外，我使用jquery-svg插件来完成绘图。
下面是在path元素上尝试使用jquery mouseover事件进行检测的过程。
下面是通过将鼠标移动侦听器附加到svg，然后使用document.getElementFromPoint进行检测的尝试。
这两种方法似乎都不可靠，尤其是在鼠标移动速度很快的情况下。有没有可能让它们中的任何一个更灵敏，以更好地检测鼠标悬停？或者是一种更好的方式呢？
浏览 2提问于2012-08-31得票数 2
回答已采纳
我在网上看到了这个基于Jquery的饼图。你可以从这里免费下载：
我无法将滑动饼块的鼠标单击功能转换为以相同方式在鼠标悬停时做出反应。它们对鼠标悬停的反应方式似乎存在问题。但是，当将相同的鼠标悬停应用于表时，没有问题，饼图将按预期做出反应。您可以查看代码，并告诉我，为了让饼图在鼠标悬停时展开，需要进行哪些更改。
非常感谢。
浏览 1提问于2012-12-02得票数 0
回答已采纳
我有一个关于jQuery的鼠标移出方法的问题。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style>
#land {
background: #FFCC33;
width: 200px;
height: 200px;
}
#water {
background: #33CCCC;
width: 150px;
hei
浏览 1提问于2015-05-28得票数 0
5回答
我有这个jQuery代码，它在悬停时将类名<li class="cat">替换为<li class="cat show">。在我悬停之后它仍然是一样的。removeClass代码有什么问题？
JS
jQuery(".cat").hover(function({
jQuery(this).addClass('show').siblings().removeClass('show');
});
<ul>
<li class="cat">
浏览 7提问于2013-08-16得票数 1
回答已采纳
在下面的示例中，当单击#按钮时，我使用jQuery的toggleclass使一个盒子看起来不一样。
$("#button").click(function () {
$(".box").toggleClass("box-toggle");
});
我知道我可以使用“悬停”而不是“点击”，但我想知道的完整列表，我可以说，除了悬停和点击。
在jQuery/Javascript中是否有这些操作的完整列表？是否有“选中”无线电/复选框？
谢谢
浏览 13提问于2013-09-05得票数 0
回答已采纳
2回答
我有一个包含来自PHP的动态内容的页面，我想使用jQuery的加载函数定期刷新包含动态内容的div容器，以便在旧内容之上显示新内容。
我使用jQuery函数，如下所示：
setInterval(function() {
$("#ContentWrapper").load("Livefeed.php #ContentWrapper");
}, 10000);
每隔10秒刷新一次内容容器的包装器
我的问题是，在执行load函数之后。单击事件和悬停事件在页面上不能正常工作。最初它们根本没有触发，所以我在内容包装
浏览 2提问于2013-04-23得票数 0
1回答
我正在创建一个悬停按钮，一旦悬停，它将滚动到虚幻的更多内容在我的幻灯片上，但当我悬停在按钮上，它拉起，但不会回来。
jQuery(".buttontwo").hover(
function(e){
jQuery('.buttontwo').animate({top:'0px', bottom:'auto'}, 200)
},
function(e){
浏览 0提问于2013-09-16得票数 0
回答已采纳
只有当鼠标没有悬停div1和div2 2时，我才希望在悬停的div1 div2上显示div1，并消失div1。
我尝试使用以下CSS和jquery。但是 div1 在没有悬停的div2之后消失了，我无法访问div1的内容。
$(document).ready(function() {
$('.about').hover(
function() {
$('.showsection').slideDown(800).addClass('show');
}
, function
浏览 0提问于2019-02-23得票数 1
回答已采纳
我想使一个用户友好的响应网站，但我不熟悉jQuery.希望你们能进一步帮助我。当屏幕大小缩小(最大767 of )时，我想禁用jQuery的下拉悬停功能。我唯一想要的是点击函数而不是悬停。
$(function(){
$(".dropdown").hover(function() {
$(".dropdown-menu", this).stop(true, true).fadeIn("fast");
$(this).toggleClass("open");
}, f
浏览 4提问于2016-01-06得票数 2
回答已采纳
1回答
我在使用jquery鼠标悬停时遇到了一些困难。
我只是想让失真效果在鼠标悬停在图像上时发生，而不是在鼠标离开时发生。我使用mgGlitch来实现效果，使用jquery来实现悬停。非常感谢你的帮助！
JQUERY
$(".glitch-img").hover(function() {
$( ".glitch-img" ).mgGlitch({
// set 'true' to stop the plugin
destroy : false,
// set 'false' t
浏览 0提问于2018-07-04得票数 0
当屏幕宽度小于769px时，如何使网页切换按钮从悬停切换到打开。悬停或切换脚本是根据浏览器启动时的大小选择的，并且在更改大小时不能切换。
$(document).ready(myFunction);
function myFunction() {
var ww = document.body.clientWidth;
if (ww < 769) {
$(".button").click(function() {
$("ul").toggle();
});
} else {
$(".button&
浏览 0提问于2015-11-25得票数 0
1回答
我试图触发分页按钮从“鼠标点击”到“鼠标悬停”。这就是我试过的
jQuery('.esg-pagination-button').hover(function(){
jQuery(this).trigger('click');
});
但上面的代码只触发一次。
浏览 0提问于2018-11-16得票数 0
回答已采纳
我试图使用jquery在另一个元素上模拟悬停。
基本上我在下面有我的幻灯片。
<div id="slideshow">
...
</div>
我把这些设置好了..。
var slider = $('#slideshow').bxSlider({
autoHover: true
})
这些设置只会在<div id="slideshow">悬停时使幻灯片播放暂停。当您滚动时，幻灯片开始播放。
我的问题是，有没有办法在<div id="slideshow">上模拟悬停动作，而
浏览 3提问于2012-12-13得票数 0
1回答
我应该如何使用Jasmine测试jQuery悬停操作？我的jQuery看起来像
$('.class').hover(
function() { $('#someid').hide(); },
function() { $('#someid').show(); }
);
我如何使用jasmine模拟移动悬停动作，并期望'someid‘元素被隐藏并按其应有的方式显示？
浏览 0提问于2011-10-15得票数 5
回答已采纳
我有一些JQuery，当你将鼠标悬停在图像上时，它会弹出一个JQuery对话框()，如下所示：
$(document).ready(function() {
$("img").hover(function() {
$("#dialog").dialog();
});
});
我有两个问题1.当我关闭对话框，然后再次将鼠标悬停在图像上时，对话框不再出现，我如何解决这个问题1.当用户将鼠标悬停在图像上几秒钟时，我如何才能弹出框
浏览 10提问于2009-09-30得票数 3
回答已采纳
这不是一个重复的问题。我环顾了一下堆叠溢出，下面的问题对我都没有用。
我有一个父元素.cover和一个名为.details-wrapper的子元素
当我在父元素的子元素上悬停时，将触发父元素的悬停。这就是我想要的(不好意思编辑)；
目前，我尝试的(失败的)是使用return false;和stopPropagation。
该图像具有position: relative和top: 160px，因此它从原始的.cover包装器中提取出来。
这真的很奇怪，因为我悬停的方式决定了jquery的工作方式。这里有个礼物展示给你。
我使用的jQuery是：
$(".cover"
浏览 2提问于2016-10-09得票数 1
回答已采纳
2回答
我环顾四周，但没有找到一个似乎是常见问题的答案。
我有一个基本的下拉菜单，它是在悬停时激活的(使用悬停的jQuery插件)。它对桌面浏览器很好，但是对于那些不像iPad那样将悬停事件转换为单击的移动设备，它不起作用。以下是现在的Javascript：
$('li.threecolumns, li.twocolumns, li.onecolumn').hoverIntent(
function() {
$(this).children('div').fadeToggle(fadeInSpeed);
},
function() {
$(t
浏览 5提问于2012-08-09得票数 3
回答已采纳
3回答
目前，我有一些jQuery/Javascript代码，可以在用户将鼠标悬停在某些元素上时切换css类“ui-state-hovered”，我想用konacha编写一个测试来测试这段代码。
在jQuery的帮助下，我如何用Javascript编写这个函数呢？
如果用户将鼠标悬停在元素$('.someClass li:first')上，类'ui-state-hovered‘存在，则返回true。否则返回false。
我如何模拟用户将鼠标悬停在该元素上？
浏览 117提问于2012-06-15得票数 25
是否有插件或如何显示twitter，如行悬停回复，删除jquery中的链接.任何建议..。
编辑：
我正在通过jquery迭代json数据，
$.each(data.Results, function() {
divs += '<div class="resultsdiv">
<a href=Clients/Show/' + this.ClientId + '/>Details</div>';
});
我的
浏览 2提问于2010-07-03得票数 0
回答已采纳
2回答
我有一个图像边界(它在六边形地图上，所以边界必须是图像)，显示在悬停在每个十六进制。现在我想在一些十六进制上使用jQuery .click()函数，但我无法通过悬停图像单击十六进制。有没有办法解决这个问题？
非常感谢。
PS:悬停图像看起来像这样： (边框和其余部分是透明的)
浏览 0提问于2011-07-24得票数 0
回答已采纳
我有一个水平旋转木马，它的结构如下
ul
<li>
<a>
<img>
<li>
<a>
<img>
<li>
<a>
<img>
悬停动画的Jquery代码如下
$('ul li a img').hover(function() {
$(this).stop().animate({ height: '60px', width: '60px'}, 200);
},
浏览 3提问于2013-03-06得票数 0
回答已采纳
如何使用jquery选择具有CSS悬停伪类的列表项？
例如,
<ul>
<li>test 1</li>
<li>test 2</li>
<li>test 3</li>
<li>test 4</li>
</ul>
<style>
ul li:hover
{
浏览 0提问于2012-01-22得票数 0
回答已采纳
1回答
在上，我尝试了以下代码：
$(".nav-tabs > li > a").on("hover focus", function(){
alert();
});
当选项卡获得焦点时会显示警报，但当我悬停在选项卡上时则不会显示警报。我的问题是：
为什么悬停事件不适用于引导选项卡上的on jquery方法？
浏览 1提问于2016-11-03得票数 1
回答已采纳
2回答
我正在尝试创建一个动画滑块，显示图像和动画来回，除非鼠标悬停，它暂停鼠标悬停，并需要继续鼠标离开。我创建了这个，但有一些愚蠢的问题，当鼠标离开时，动画只能完成一个周期。一些帮助。代码如下：
jQuery.fn.makeScroller = function(options){
var defaults = {
hoverStop : true
};
var options = jQuery.extend(defaults, options);
obj = this;
var scrollWrapWidth = 0;
o
浏览 0提问于2013-07-09得票数 1
回答已采纳
2回答
在我的笔中：中有一个脚本，它只在整个.device div.How的第一次悬停时触发.icon元素的缩放/背景颜色更改，以使悬停时触发的效果仅持续3秒？
我已经看到它是由doTimeout jQuery插件完成的，但为了学习，我想从头开始。
当鼠标悬停时，无论是向元素添加类还是当定时器完成撤消.addClass时，是否应该使用setTimeout来完成？
这是用于悬停的jQuery代码：
$(document).ready(function () {
$('.device').one('mouseenter',function() {
$(this).fin
浏览 0提问于2016-10-31得票数 0
我有一些在.gridHover中淡出的jQuery。但它掩盖了.title。
我尝试更改z索引，但是当标题悬停时，悬停效果就停止了。我试着复制标题并将其淡入，但效果不佳，而且看起来很马虎。
我想让.title始终可见(可能会在.gridHover悬停时更改颜色)，并且悬停效果始终可以悬停在.gridHover的整个区域上。
首先，这是可能的吗？其次，如何？:)
HTML
<div class="gridContainer" style="background-image: url('image.jpg'); background-repeat: n
浏览 0提问于2015-03-21得票数 0
1回答
我设置了一个典型的导航栏，当您将鼠标悬停在一个元素("Our Teams")上时，会出现一个下拉列表(使用下面的jquery )：
$("li#menu-item-20").hover(function(){
$("#dropdown").stop().fadeIn(500);
}, function(){
$("#dropdown").stop().fadeOut(500);
});
当您将鼠标悬停在下拉列表(#dropdown)上时，下拉列表将淡出
浏览 2提问于2011-10-28得票数 1
回答已采纳
1回答
我想使用jquery创建一个上下文菜单。
下面是我们的行为：
在悬停上显示已填充的上下文菜单。
我如何实现这一点？假设我在这片土地上没有位置持有者。我只有x，y坐标，悬停事件发生的地方。
基于jquery站点上的文档，只有创建菜单的标记方式。
浏览 2提问于2013-11-20得票数 0
我目前通过使用以下命令让它运行到一半：
jQuery("a.lightbox").fancybox().hover(function() {
jQuery(this).click();
}, function() {
jQuery("#fancybox-overlay").click();
});
当我将鼠标悬停在缩略图上时，它可以正常工作，但当我将鼠标悬停在背景上时，#fancybox-overlay不会禁用fancybox。有什么想法吗？
使用hoverIntent：
function openFancybox(){
jQuery(
浏览 2提问于2012-08-19得票数 1
回答已采纳
3回答
我试图在.mail img的悬停和悬停上做些什么。悬停事件正在发生，其中的代码正在执行，但关闭悬停事件不是。
为了简化它，我用警报替换了我的代码，关闭悬停警报也没有启动。
$('.mail img').hover(function(){
alert('on hover');
},
function(){
alert('off hover');
});
我使用的是jQuery 1.9.1
浏览 1提问于2014-11-17得票数 0
回答已采纳
2回答
在鼠标上显示隐藏的图像
、、、、
当我试图在映射图像上实现悬停效果时，我遇到了一个问题。我有一个有映射区域的图像，在所有这些区域上，我想在悬停时显示一个不同的图像。
到目前为止，你可以看到我的作品：
问题是，当我悬停在区域，它显示图像，但当我移动光标(而不是离开该区域)，它开始闪烁。它采用面积空间像素逐个像素。
我尝试过使用Javascript和jQuery解决方案：
Javascript：
mouseenter="document.getElementById('Vilnius').style.display = 'block';" mouseleave="docum
浏览 3提问于2016-11-25得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
