Tag: hover

Hovercard无法正常使用hoverfunction。有任何想法吗？: 我正在使用Hovercard，它与以下代码完美配合： $.getJSON(“userjson.php” function(result){ $(‘.user’).hovercard({ showCustomCard: true, customCardJSON: result, openOnLeft: true }); }); 在上面的代码中，我只是获取存储在当前使用cookie登录的用户数据库中的信息： $username = $_COOKIE[‘username’]; $user_select = mysql_query(“SELECT * FROM users WHERE username=’$username'”,$con); $user_array = mysql_fetch_array($user_select); $user = array( ‘name’ => “”.$user_array[‘username’].””, ‘bio’ => “”.$user_array[‘bio’].””, ‘image’ => “/pictures/users/”.$user_array[‘propic’] ); echo json_encode($user); 但是，我想将当前登录用户的用户信息替换为名称正在hover的用户： $(‘.user’).hover(function() { var obj = $(this); $.getJSON(“userjson.php”,{name: obj.text()}, function(result){ obj.hovercard({ showCustomCard: true, […]

使用hover并单击jQuery UI选项卡？: 我在jQuery UI选项卡中使用以下代码： $(‘#tabs’).tabs({ fx: { opacity: ‘toggle’, duration: 400 }}).tabs(‘rotate’, 1000); $(“#tabs”).hover(function() { $(“#tabs”).tabs(“rotate”,0); }, function() { $(“#tabs”).tabs(“rotate”,1000); }); $(“#tabs”).click(function() { $(“#tabs”).tabs(‘rotate’, 0); }); 当鼠标hover时，标签正确旋转并且旋转停止。但是，’hover’function也会覆盖’click’function。如何在hover时实现暂停，并在点击时完全停止旋转？

jQuery：暂时禁用hover…意外的副作用: 我遇到了.hover（）的问题。我想暂时禁用它，我已经完成了，但它有一个意想不到的副作用，我想摆脱它。以下是我的小提琴： http ： //jsfiddle.net/sdPVG/7/ 我正在尝试在工具提示和下拉菜单打开时禁用hover（topTip和topDrop）。单击红色图标（topIconNew）后会打开这些div，这会扩大工具提示。不幸的是，工具提示在点击后会保持永久加宽。我希望div能够恢复正常（较窄）的状态。我哪里出错了？任何和所有帮助赞赏。谢谢！

jQuery – hoverCSS元素1更改Elevement 2: 我有两个要素： .navAbout #slider 在hover.navAbout（这是一个A标签）时，我需要（div）#slider的边框颜色更改为特定颜色。在mouseOut上，我需要#slider恢复其原始的CSS声明。我尝试了几个代码。这是我最近的： $(“.navAbout”).hover(function () { $(“#slider”).css({‘border-color’ : ‘#3bc624’}); }, function () { var cssObj = { ‘border-color’ : ‘#3bc624’, } $(“#slider”).css(cssObj); }); 谢谢您的帮助！

我需要.slideToggle来处理hover（jQuery）: 我有一个导航div，可以点击打开。我的客户希望打开div的链接链接到一个页面，然后在hover时切换div（因此链接可以在点击时导致另一个页面）。这是我到目前为止的代码： $(document).ready(function(){ $(“#drawer”).hide(); $(“.toggle-drawer”).show(); $(‘.toggle-drawer’).click(function(){ $(“#drawer”).slideToggle(); }); }); 这是该网站的链接： http ： //gearthirty.com （点击“supersite”链接，看看我在说什么）。提前致谢！

仅使用JS在hover时显示文本: 我尝试了一个CSS解决方案但不起作用（我相信这是我正在使用的软件或服务器的错误）。现在寻找java解决方案。简而言之，我希望文本在hover时显示。这是我想出来的但是它不起作用（我是菜鸟）…. Hello1 Hello2 计划是让Hello2显示出来。 Hello1仅在hover时显示。 $(“.spire-menu”).hover(function () { $(this).find(‘.menu-item’).show(); }, function () { $(this).find(‘.menu-item’).hide(); });

使用jQueryhover另一个div时Div背景更改: 我试图让这个工作，但我知道很少的jQuery。当用户在div“按钮”上盘旋时，div“slide”的背景位置必须从“0 0”变为“0 -89px”，而将鼠标移动到另一个点必须将背景位置重置为“0 0” 。这是代码（从stackoverflow上的另一个问题回收）： $(document).ready(function(){ $(‘#button’).hover(function(){ $(‘#slide’).css(‘backgroundPosition’, newValue); }, function(){ $(‘#slide’).css(‘backgroundPosition’, ‘0 -89px’); }); }); 我的HTML： Click me! 我的CSS： div#slide { background: url(base_slide.png) no-repeat; width: 629px; height: 89px; background-position: 0px 0px; } 它有效，但不是预期的。当我将鼠标hover在按钮上时没有任何反应，但如果我将鼠标移动到另一个点，则所有代码都会正常工作并且背景会发生变化。我确信有可能解决这个问题，但我昨天刚开始探索一些jQuery。另外我不知道如何将背景位置重置为0 0。请问你能帮帮我吗？

hover不在IE9中使用iFrame: 我正在使用CSS3 MegaMenu，它使用jQuery。我的一个下拉菜单项使用iFrame显示其他地方托管的联系表单。你可以在这里看到： http ： //www.deepdata.biz （它是右侧主导航栏上的最后一项：’电子邮件’）它工作正常，除了在IE9中，hover工作将其放下，但是一旦鼠标进入iFrame区域，它就会消失，使用户无法填写表单。我已经读到这是出于安全原因的目的 – 但必须有办法绕过它。我最初有这个问题，当我自己的forms没有iFrame和使用CSShover3.htc，它在IE中工作正常，所以我很确定这是一个iFrame问题。在搜索时我已经阅读了使用Javascript的解决方案： http ： //jsfiddle.net/ENXpW/3/ – 但是我在编写Java方面缺乏经验阻碍了我理解它以使其适应我的需求。我搜索的另一个解决方案是将“电子邮件”链接的hover样式更改为onClick命令，但我再次缺乏使用Javascript的经验阻碍了我如何抓住这样做。任何帮助将不胜感激。嘉莉

当在Jquery中盘旋时，多个图像元素都会褪色。: 我在将淡入淡出仅应用于具有相同ID的页面上的一个元素时遇到问题。首先我将图像淡化到60％，然后在hover时我希望它只有100％的图像。这部分有效，但它将效果应用于页面上的每个元素。 // Fading images $(document).ready(function(){ $(‘.mainArticle img’).fadeTo(‘slow’, 0.6); $(‘.mainArticle img, .articleContainer’).hover(function(){ $(this).find(‘.mainArticle img, .articleContainer’).stop(true,true).fadeTo(“slow”, 1.0); },function(){ $(this).find(‘.mainArticle img, .articleContainer’).stop(true,true).fadeTo(“slow”, 0.6); }); }); 另外我知道如果CSS可以做到这一点，但尽可能兼容。希望你们能帮忙，干杯，汤姆

hoverIntent（）不是函数: 我似乎无法让hoverIntent插件工作。它绝对是加载jQuery和hoverIntent。但是，.hoverIntent（）是“不是函数”。（.hover（）工作正常）。 $(document).ready(function() { $(‘#portfolio-circle’).hoverIntent( function() { $(‘#portfolio-hover’).fadeTo(‘normal’, 1); $(‘#portfolio-caption’).fadeTo(‘normal’, 1); }, function() { $(‘#portfolio-hover’).fadeTo(‘normal’, 0); $(‘#portfolio-caption’).fadeTo(‘normal’, 0); } ); });