0

这是我正在做我的东西的现场网站。现在，在该链接中，您可以看到Source from Top Global Suppliers该部分中有一个部分称为Hot Regions. 现在，当您将鼠标悬停时，您可以看到它显示了一个带有某些国家/地区标志的块。但是当您将鼠标移动到其中一个标志时，该框就会隐藏。但是我希望当您将鼠标移动到这些标志中的任何一个仍然存在框。我已经关注了这个网站的悬停部分。

我那个块的 jQuery 代码是这样的

jQuery(document).ready(function() {
    jQuery('.hr-current').mouseover(function() {
      jQuery('#hot-regions').addClass('hr-hover');
    });
    jQuery('.hr-current').mouseout(function() {
      jQuery('#hot-regions').removeClass('hr-hover');
    });
  });

笔记

这是小提琴的链接这里是小提琴的链接http://jsfiddle.net/NewUserFiddle/y53WQ/ 我希望结果与引用的链接完全相同...

4

4 回答 4

1

你需要mouseout在#hot-regions：

jQuery('#hot-regions').mouseout(function() {
    jQuery(this).removeClass('hr-hover');
});

如果通过使用 mouseenter/mouseleave 而不是 mouseover/mouseout 来修复它：

 jQuery(document).ready(function() {

    jQuery('.hr-current').mouseenter(function() {
      jQuery('#hot-regions').addClass('hr-hover');
    });

    jQuery('#hot-regions').mouseleave(function() {
      jQuery(this).removeClass('hr-hover');
    });

  });

查看您更新的小提琴。

于 2013-03-09T12:13:00.960 回答
0

现场演示

jQuery(document).ready(function() {
    jQuery('#hot-regions').mouseenter(function() {
         jQuery(this).addClass('hr-hover');
    });
    jQuery('#hot-regions').mouseleave(function() {
         jQuery(this).removeClass('hr-hover');
    });
});
于 2013-03-09T14:00:21.290 回答
0

一些东西...

首先，使用.mouseenter()and.mouseleave()而不是.mouseover()and .mouseout()。

接下来，从您的 jsfiddle 示例中删除以下内容：

CSS：

.hr-hover .hr-current {
    margin-top: 0;
}

最后，使用以下内容：

JAVASCRIPT：

jQuery(document).ready(function() {
    jQuery('.hr-current').mouseenter(function() {
      jQuery('#hot-regions').addClass('hr-hover');
    });
    jQuery('#hot-regions').mouseleave(function() {
      jQuery('#hot-regions').removeClass('hr-hover');
    });
  });

演示：http: //jsfiddle.net/y53WQ/10/

希望这会有所帮助，如果您有任何问题，请告诉我。

于 2013-03-12T18:27:43.017 回答
-1

您可以使用类似的东西，this并且that是您需要触发事件并添加和删除的 div

         $(".ht-current").hover( 
            function(){ 
             $("#hot-regions").addClass('yourHover');
            },
            function(){
             $("#hot-regions").removeClass('yourHover');
            });
于 2013-03-09T12:45:14.353 回答