我有以下代码：
jQuery('#hexVal').change(function() {
var hexvarval = jQuery('#hexVal').val();
jQuery('#thumbnail_hover_color').val(hexvarval);
});
基本上，每次更改#hexVal输入时，我都希望更改#thumbnail_hover_color输入的值。当我手动操作时，它起作用了。当其他jQuery脚本将文本放到#hexVal中时，它不会更新#thumbnail_hover_color。
问:如何在每次
浏览 0提问于2012-01-17得票数 1
回答已采纳
1回答
在上，悬停三个彩色矩形中的任何一个都会触发jQuery代码，该代码会隐藏图像并显示一些文本。在移动设备上，我不想运行这段代码，所以我在resize()上执行代码，并且只在桌面分辨率下运行它。
但它不工作，由于某些原因，代码运行的都是大小写。
JS：
jQuery(document).ready(function($) {
vertical_hover();
$(window).on('resize', vertical_hover);
function vertical_hover() {
if ( window.innerWidt
浏览 7提问于2015-10-30得票数 0
1回答
我修改了下面的代码，将hover()替换为on('click',...)并删除stop(true,true)。我也尝试过使用mouseenter()。对hover()来说，这没什么问题。如何添加到此悬停事件单击事件，我想在mouseout()事件中使用悬停。唯一的插入符号是在更改单击事件后工作的。
菜单：
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li *ngF
浏览 3提问于2017-01-05得票数 0
jQuery的'hover‘触发器似乎不起作用。我的代码很简单：
<div id='el'>Content</div>
// does not work
$('#el').on('hover', function() { console.log('is not triggered'); });
$('#el').trigger('hover');
// works for various strings: 'foo', 'click'
浏览 2提问于2012-10-19得票数 1
回答已采纳
1回答
我在"http://dev.moragues.pe/austral/es/#/nosotros/organizacion/gerencia/“上有一个画廊，我已经注册了两个活动 jQuery('.ngg-gallery-thumbnail a img')
.live('mouseover',function() {
alert('a');
jQuery(this).css('zIndex','100').addClass("hover"
浏览 1提问于2011-02-17得票数 0
我使用的是带有qUnit+sinon测试框架的moo4q+jquery。
目前，为了触发点击事件，我做了以下工作：
object.jThis.click(); // simulate a click event
其中object.jThis是对象映射到的jQuery对象(包装器集)。
对我来说，问题是其他事件，如.hover()，不会像.click()一样触发事件。
这仅仅是jQuery API中的不一致吗？
编辑：
// wire up event
attach: function() {
this.jThis.hover(function(eventObj) {
浏览 2提问于2012-12-05得票数 4
回答已采纳
jQuery .mouseover()函数和.hover()函数有什么不同？如果它们是完全相同的，为什么jQuery会同时使用它们呢？
浏览 0提问于2013-07-11得票数 120
回答已采纳
我使用jQuery为页面上的元素设置悬停回调。我现在正在编写一个模块，它需要为一些元素临时设置新的悬停行为。新模块无法访问悬停函数的原始代码。
我希望在设置新的悬停函数之前存储旧的悬停函数，以便在完成临时悬停行为时可以恢复它们。
我认为可以使用jQuery.data()函数来存储这些内容：
//save old hover behavior (somehow)
$('#foo').data('oldhoverin',???)
$('#foo').data('oldhoverout',???);
//set new hover
浏览 3提问于2008-09-08得票数 5
回答已采纳
我在使用jquery / css创建下拉菜单时遇到了问题。
现在，每个类别的每个下拉菜单都是一个div，它有一个隐藏的显示，直到类别悬停。我试图让jquery在hover和mouseleave上显示/隐藏正确的div。
我使用的逻辑是:如果类别链接或下拉菜单悬停，则显示下拉菜单，否则隐藏下拉菜单。
更具体地说，我遇到的问题是，只要用户将鼠标悬停在类别链接上，就会显示下拉菜单……一旦dropdown div没有悬停，它就会关闭。我需要它关闭，如果下拉列表没有悬停或如果类别链接没有悬停…
现在，即使我将鼠标悬停在相邻的类别上，试图查看相邻的下拉菜单的类别，第一个下拉菜单仍然保持打开，除非我先将鼠标
浏览 0提问于2012-04-01得票数 0
1回答
下面是我的问题:我使用jquery的.hover()方法添加一些类，并显示/隐藏与(此) ID相同的其他div。当在滑块上悬停“做点什么”时。一切都很顺利，直到第二轮旋转木马到来。我的意思是，当第一个旋转木马项目作为最后一个来时，那么.hover()方法在这个第一个项目再次出现之前根本不起作用。
我的旋转木马看起来像这个： (它是响应型的)
下面是我的.hover()函数：
jQuery(' slide_element ').hover( function(e) {
var currentAttrValue = jQuery(this).find("a
浏览 4提问于2015-03-20得票数 1
回答已采纳
1回答
假设我通过在目标名称中提到最外层的选择器来委托mouseover事件：
$(".outer").on("mouseenter", ".outer .inner", function() {
console.log("YES");
});
.outer {
background: green;
padding: 20px;
}
.inner {
padding: 10px;
background: red;
}
<script src="https://ajax.googleapis.com
浏览 2提问于2017-01-14得票数 0
1回答
我正在使用引导本机工具提示。
在使用以下jQuery代码移动鼠标时，我有一个显示工具提示的链接：
jQuery(document).on('hover', '#mylink', function(event)
{
event.preventDefault();
jQuery('[data-toggle="tooltip"]').tooltip();
});
不过，工具提示在我单击链接后仍然是可见的，这将打开一个新窗口。
如何在使用jQuery单击事件之后关闭工具提示？
浏览 1提问于2019-03-29得票数 1
回答已采纳
2回答
我对悬停函数有个问题。
<div id="test" style="border:1px solid #ff0000; position:absolute; right:0px; bottom:0px; height:20px; width:100px;" ></div>
JQUERY
$('#test').hover( function ()
{
$('#outp').append('enter <br />');
}, function
浏览 1提问于2011-04-07得票数 0
回答已采纳
2回答
我一直在火狐和IE8中开发我的网站，主页上有图像悬停效应(以及照片和绘图部分)。您可以在的源代码中看到代码。在Firefox中，效果非常好。在IE8中，它可以工作，但速度要慢得多。以下是我努力提高速度的方法：
使用优化的jQuery库
缩小了jQuery遍历DOM的范围。例如：
$(".sectionLink"，"#divLandingPage").hover(函数(){$(This).addClass(“悬浮”)；$(this).fadeTo(100，.8)；}，函数(){$(This).removeClass(“悬浮”)；$(this).fadeTo
浏览 3提问于2009-12-08得票数 1
2回答
当我使用jQuery的.hover()或Javascript的mouseenter()时，该事件不仅在鼠标进入元素时触发，而且在鼠标穿过该元素中的任何元素时都会触发。如何才能使其仅在鼠标进入或退出该元素时触发，而元素的子元素对事件没有影响？
$(document).ready(function(){
introAnimation();
$('#nav-item1').hover(function() {
$('#createSub').slid
浏览 1提问于2012-01-25得票数 0
3回答
很抱歉，如果用户更改了一个复选框，或者只在复选框上悬停一个事件，那么错误的English.How就会得到一个复选框的值。我试过这个，但不起作用。
jQuery("select[name*=super_attribute]").on('change , hover', function(){
alert('trigger');
});
我知道我们可以这样做
jQuery("select[name*=super_attribute]").on('change', function(){
alert('tr
浏览 6提问于2016-10-04得票数 0
回答已采纳
是否有办法合并这些脚本或提高代码的效率？我对jquery并不熟悉，我认为我产生的代码太多了。有没有可能对其进行优化？
<script>
jQuery(".myClass1").hover(
function () {
jQuery(".myClass1 h3").addClass("addedClass1");
},
function () {
jQuery(".myClass1 h3").removeClass(&
浏览 2提问于2015-04-26得票数 0
回答已采纳
1回答
我试图触发分页按钮从“鼠标点击”到“鼠标悬停”。这就是我试过的
jQuery('.esg-pagination-button').hover(function(){
jQuery(this).trigger('click');
});
但上面的代码只触发一次。
浏览 0提问于2018-11-16得票数 0
回答已采纳
3回答
我该如何做到这一点？
$("#a").parent().trigger('hover')
和jQuery？密码对我不起作用。
浏览 3提问于2015-09-06得票数 1
回答已采纳
当我将鼠标悬停在“下一步”和“上一步”按钮上时，我有一个想要移动的无限旋转木马。现在，hover只会触发一次。我希望旋转木马在鼠标位于“下一步”或“上一步”按钮内时继续移动。
有什么建议吗？
jQuery.fn.carousel = function(previous, next, options){
var sliderList = jQuery(this).children()[0];
if (sliderList) {
var increment = jQuery(sliderList).children().outerWidth("true"),
elmn
浏览 8提问于2010-06-09得票数 0
我有以下代码
HTML:
<div id="test">
<p id="hello">HELLO</p>
<p id="no-hello">NO HELLO</p>
</div>
jQuery:
$('#test').click(function() {
alert($('#hello').is(':hover'));
if ($('#hello').is(
浏览 0提问于2013-03-20得票数 0
1回答
如何检查函数是否已调用
、、、
例如，我的代码如下所示。
我想通过点击和悬停来改变类。
但没起作用。
我想知道，
如何检查错误的点？
如何纠正这样的错误点？
我尝试了console.log，但是我想知道这个函数是否是correctly mapped和correctly work。
谢谢
var $ = jQuery;
const $days = $(this).find('.day');
function register() {
function clicked() {
$(this).toggleClass(is-clicked);
}
function hov
浏览 1提问于2020-03-28得票数 1
回答已采纳
1回答
HTML :
<div class="hover">hover</div>
<div class="click">click</div>
jQuery :
$('.hover').hover(function(){
alert("hovered!");
});
$('.click').click(function(){
$('.hover').hover();
});
这段代码不起作用，但我可以喜欢$('.hover'
浏览 4提问于2013-05-06得票数 3
回答已采纳
这个问题是与信息相关的。我是jquery的新手。我是相当有经验的HTML和CSS。
在Jquery中，Hover和Mouseover有什么区别？当悬停在一个元素上时它们不是都被激活了吗。
浏览 0提问于2013-08-05得票数 7
回答已采纳
当元素共享同一个类时，我有一个问题要应用于jquery。当只使用CSS时，这很好，但是只要JQuery出现，它就会改变一切。
CSS
.btn {
background:#ccc;
padding:10px;
}
.btn:hover {
background:red;
padding:10px;
}
HTML
<a class="btn">Button 1</a><br /><br /><br />
<a class="btn">Button 2</a><br />
浏览 1提问于2013-08-27得票数 2
回答已采纳
2回答
茉莉花测鼠试验
、、、
我很难用ng鼠标指令测试我的指令。
我想测试几个方面，但是首先，我需要测试提供给ng mouseenter的方法是否被调用。
我的测试：
describe('hover tests', function () {
it('the triggerPopover method should be called on hover', function() {
spyOn($scope, 'triggerPopover');
var ars = jQuery(view.find('a
浏览 0提问于2014-10-08得票数 1
1回答
因此，我使用d3库绘制了一个图，该库添加了大量元素以形成饼图。饼图的每个“切片”都有类“.nv-slice”。我想要做的是循环遍历这些切片，并基于特定的标准(对问题并不重要)触发hover事件。
在我的css中，我有一个.nv-slice:hover类，它覆盖了d3类；当正常地将鼠标悬停在元素上时(如在中，实际将鼠标移到它上面)，这个类就可以覆盖了。但是，尝试使用$(g_element).trigger('hover')来完成此操作将会失败。我已经研究过了，结果发现jQuery不能像这样在svg/g元素上使用。
我循环遍历g元素，使用
$.each($('#gender
浏览 0提问于2014-12-03得票数 1
3回答
这是我的代码样本。下面我解释一下我的问题：
<script type="text/javascript" src="jquery.min-1.10.1.js"></script>
<script type="text/javascript" src="jquery.animate-colors.js"></script>
<script type="text/javascript">
$(function () {
$("a").mou
浏览 1提问于2013-07-26得票数 0
回答已采纳
您好，我使用jquery，我想添加一个href标签，但当鼠标在.field-item.eve或.fiend-item.odd上时，我尝试:hover，但y不能删除href，我有以下代码：
<div class="field field-name-field-palabras-clave field-type-text field-label-inline clearfix">
<div class="field-label">Tags:</div>
<div class="field-items"
浏览 0提问于2016-09-05得票数 0
你好，我正在尝试写一个jQuery代码片段，它将模拟一个悬停事件在翻转框中，当一个按钮被点击。主要的问题是，我已经尝试了针对此场景的stackoverflow的所有解决方案，但它似乎根本不起作用。 Front of flipbox in dev console Front of flipbox in dev console 下面是我在这个元素上尝试过的代码 jQuery('.eael-elements-flip-box-container').mouseenter().mouseleave();
jQuery('.eael-elements-flip-box-cont
浏览 14提问于2021-07-23得票数 0
回答已采纳
我肯定有人问过了，但我找不到解决我的问题的办法。我有一个在3个div中命名相同的类。这个类是使用css隐藏的。我只想要我被悬停的元素来展示。我认为我应该使用.each()，但我不确定它们如何组合在一起。
CSS
.background-hover {
display: none;
HTML：
<div class="home-get-started">
<-- first--><div class="home-get-started">
<!-- image-->
浏览 4提问于2013-05-10得票数 1
回答已采纳
5回答
我对javascript很不在行。我的问题是，单击时如何显示单选按钮的值？
我有这样的代码：
<tr><td width="10px"></td><td width="60%">Neatness</td>
<td width="40%">
<input name="neat" type="radio" class="hover-star" value="1" title="Poor
浏览 2提问于2011-08-06得票数 1
回答已采纳
下面是我的代码：
<!doctype html>
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<style type="text/css">
label {display:block; width:300px; height:20px;}
label.sel
浏览 0提问于2009-10-19得票数 0
回答已采纳
1回答
我有一个jQuery脚本：
$('img[data-hover]').hover(function() {
$(this)
.attr('tmp', $(this).attr('src'))
.attr('src', $(this).attr('data-hover'))
.attr('data-hover', $(this).attr('tmp'))
.removeAttr('tmp');
})
浏览 0提问于2013-04-22得票数 0
回答已采纳
我不太擅长使用jQuery，但基本上，我有一个jQuery，可以在滚动时显示新内容。
但是，新内容的div受ready调用的另一个ready函数的影响。
因此，不仅是在页面加载时加载的内容首先加载，而是新内容显示的内容不起作用。
所以我在想，当第二个jQuerys加载来执行第一个jQuery时，也许我可以像一个触发器一样链接这两个jQuery，这有可能吗？多么?
谢谢!
更新：
$(document).ready(function($){
$('.wrapper-hover').hover(
function () {
浏览 6提问于2013-07-30得票数 0
回答已采纳
我有一个宽度为5 5px和高度为400 5px的div (例如)。如果我想在这个div悬停时触发一个函数，当我把鼠标移动得太快时，事件就不会被识别(如果我使用mouseover/mouseenter/mousemove并不重要)。
您可以在这里看到一个有用的示例：
这是我的职责：
jQuery(document).ready(function(){
jQuery('.hover_test').bind('mouseenter',function(){
jQuery(this).css('background-color',
浏览 3提问于2013-02-22得票数 1
回答已采纳
1回答
我一直在想办法通过悬停来控制滑块。我在上面找到了一些帖子，但我还没有找到一个完整的解决方案。我不是jQuery专家，但我已经试过了，我犯了一些错误，但效果不太好。
我在用挠性滑块插件。
网址是mjtweaverdev.com。
我使用的代码如下..。
jQuery(window).load(function() {
jQuery(".flexslider li").hover(function() {
var slideNumber = jQuery(this).attr('data-slide-to');
console.log(slide
浏览 2提问于2014-07-13得票数 0
回答已采纳
我在我的图片上使用了一些jQuery效果。但当我点击加载更多的按钮，不要工作JQuery下一个图像。问题是Dom准备好了。因此，我想在.live中使用我的jQuery代码，但我不知道如何使用.live
请帮帮我，谢谢。
1：
var hoverImg = '<div class="hoverimg"></div>';
$(".thumb").each(function(){
$(this).children("div").each(function(){
$(this).
浏览 1提问于2012-04-19得票数 0
1回答
当图像悬停时，我有一个效果开始，并滑动下面不同的图像，但如果我想在鼠标停止时停止效果，最好的解决方案是什么？
这里是带有html - css - jQuery代码的
这是我的例子
jQuery.noConflict()(function($) {
$(document).ready(function() {
var timeout;
var flipImages = function($container) {
var amount = $container.data("amount");
浏览 1提问于2016-03-24得票数 0
4回答
如何指定悬停图像的位置
、、、、
我有一些代码，将显示一个图像直接在任何超链接。不幸的是，如果图像直接填充在光标上，则似乎存在冲突：
您可以看到，代码可以很好地处理小图像。但大图像会闪烁。我怎样才能让图像停止闪烁。我认为显示图像的位置需要远离超链接。
jQuery(document).ready(function() {
jQuery("<div id='player-image-hover'></div>").appendTo("body").css("position", "absolute").css(
浏览 0提问于2016-01-16得票数 1
当鼠标在象形文字符号上盘旋时，我正在显示一些信息。该代码现在正在工作，但只适用于add content。我想使用相同的JQuery代码来编辑、删除..ect。我不想一次又一次地重复Jquery代码。
怎么做？
HTML：
<input name="add" value="1" type="checkbox" />
Add Contents
<a href="#" title="Add" data-content="1- Problem Report. 2- Maintenance
浏览 2提问于2015-11-04得票数 3
回答已采纳
我们在使用JQuery hover时遇到了一个问题。看，这是我想要做的，我想要能够在div上用鼠标移动，隐藏背景图像，并在它上面显示一个新的div (我有div，我想要显示为绝对的，所以没有问题)，我可以让div隐藏，但当鼠标移动时无法取回它，这是我的代码
$('.div_to_hide').hover(function() {
var $this = $(this);
$this.stop().fadeTo('slow', 0.5, function(){
$('.div_to_appear').fadeIn(&
浏览 0提问于2011-10-21得票数 0
，并发现我应该在ajax调用之后使用.delegate()来让jquery工作，但是我不知道该怎么做。Ajax在我尝试之后就完全停止工作了
所以我试着：
$('.projects').hover(function(){
$defBox.stop(true, true)
.fadeToggle(1000)
.html('<p>Hover The links to see a description</p>');
});
并将其更改为：
$('.projects').delegate($de
浏览 0提问于2011-02-08得票数 1
回答已采纳
下面的代码将把一个div放在视图端口的最上面。
预期的行为是：
当用户将鼠标移到div上，然后向上移动鼠标，直到光标离开视口，控制台中应该会记录一条消息"hover out“。问题是没有任何东西被记录到控制台。
当鼠标离开视口时，如何使JQuery .hover()将某些内容记录到控制台？
<body style="margin: 0; padding: 0;">
<div class="foo" style="background-color: blue; width: 100px; height: 100px;"
浏览 0提问于2011-03-25得票数 1
回答已采纳
3回答
我尝试在位于div中的未排序列表上使用jQuery list ()方法。当在列表中的一个项目上输入鼠标时，没有反应，但当移动到第二个项目时，反应是按程序进行的(下划线)。如果我回到第一个项目，它也会像编程一样反应，那么为什么它第一次不这样做呢？如果我使用div而不是li，或者在jQuery方法中添加一个jQuery()，也会出现同样的问题。我已经看到了问题的解决方案，但它们也不起作用。
以下是html代码：
<div id="div1">
<ul>
<li id="res0">first line<
浏览 1提问于2015-11-27得票数 1
回答已采纳
为了学习，我正在用jquery制作一个简单的滚动条。但当它盘旋时，它只运行了一次。怎么修呢？这是我最刻薄的：-
$(document).ready(function(){
$('.scrollbar').hover(function(e){
var y = e.pageY - $(this).offset().top;
$(this).children('.scroll-but').css({
'top': y + 'px'
});
})
});
.scrollbar{
posi
浏览 4提问于2017-12-19得票数 2
回答已采纳
1回答
我应该如何使用Jasmine测试jQuery悬停操作？我的jQuery看起来像
$('.class').hover(
function() { $('#someid').hide(); },
function() { $('#someid').show(); }
);
我如何使用jasmine模拟移动悬停动作，并期望'someid‘元素被隐藏并按其应有的方式显示？
浏览 0提问于2011-10-15得票数 5
回答已采纳
当我在某个元素上悬停时，我试图改变某些文本的样式。在悬停时，我想将它更改为不同的文本。单击时，我希望将其更改为第三个值，而不是在悬停上更改。在悬停，点击，它应该保持不变。它都能工作--除了第一次点击之后，悬停在动作中的效果很好，但是悬停动作再也不起作用了。
这方面的一个简单应用程序是在悬停时显示“预览”，但如果没有单击，则在悬停时进行更改。但是，在单击时，我希望它在单击后不会丢失悬停/悬停功能，同时进行固定的更改。
我的猜测是，我必须重新打开mouseleave事件，但是我将在哪里应用它，以及如何应用它？
以下是我到目前为止尝试过的：
HTML:
<a href="javasc
浏览 6提问于2015-04-21得票数 0
回答已采纳
1回答
创建全局函数
、、
我使用了一些jQuery和无限滚动，一些新内容通过无限滚动被拉入，使用一些简单的jQuery来实现一些悬停效果等。
$(".grid-landing-page a").hover(function () {
$(this).children('.preview-project-title').toggleClass("preview-project-title-on");
});
我需要将这个添加到无限滚动的回调中，就像我已经对我使用的砖石所做的那样：
function( newElements ) {
var $newElems = $
浏览 0提问于2012-07-15得票数 0
回答已采纳
这不是一个重复的问题。我环顾了一下堆叠溢出，下面的问题对我都没有用。
我有一个父元素.cover和一个名为.details-wrapper的子元素
当我在父元素的子元素上悬停时，将触发父元素的悬停。这就是我想要的(不好意思编辑)；
目前，我尝试的(失败的)是使用return false;和stopPropagation。
该图像具有position: relative和top: 160px，因此它从原始的.cover包装器中提取出来。
这真的很奇怪，因为我悬停的方式决定了jquery的工作方式。这里有个礼物展示给你。
我使用的jQuery是：
$(".cover"
浏览 2提问于2016-10-09得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
