Jquery .hover() 仅适用于 mouseenter

发布于 2024-10-15 04:19:41 字数 267 浏览 1 评论 0原文

  $(".info-icon").hover(function() {
   var a = this.id;
   var id = a.substring(10);

   var $id = "infobox-"+id;
   $('#'+$id).addClass("hover");
  },
  function() {
   $('#'+$id).removeClass("hover");
  });

有人看到这个错误吗？

谢谢斯文。

原文

  $(".info-icon").hover(function() {
   var a = this.id;
   var id = a.substring(10);

   var $id = "infobox-"+id;
   $('#'+$id).addClass("hover");
  },
  function() {
   $('#'+$id).removeClass("hover");
  });

Anyone seeing the bug?

Thx Sven.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

禾厶谷欠 2024-10-22 04:19:41

看来您正在尝试根据操作获取的元素的 id 向不同元素添加“悬停”类（然后稍后将其删除）盘旋。如果是这样，我会简单地这样做：

(function() {
    $(".info-icon").hover(function() {
        getHoverTarget(this).addClass('hover');
      },
      function() {
        getHoverTarget(this).removeClass('hover');
    });

    function getHoverTarget(element) {
       return $('#infobox-' + element.id.substring(10));
    }
})();

这可以避免重复逻辑（重复=以后搞砸的机会）。

它没有按照您编写的方式工作的原因是，如 SLaks指出，您的 $id 变量仅作为第一个函数中的局部变量存在；您的第二个函数无权访问它。

It would appear that you're trying to add a "hover" class to a different element (and then remove it later) based on manipulating the id of the element that gets hovered. If so, I would simply do this:

(function() {
    $(".info-icon").hover(function() {
        getHoverTarget(this).addClass('hover');
      },
      function() {
        getHoverTarget(this).removeClass('hover');
    });

    function getHoverTarget(element) {
       return $('#infobox-' + element.id.substring(10));
    }
})();

This avoids duplicating the logic (duplication = opportunity for messing it up later).

The reason it didn't work the way you wrote it is, as SLaks points out, that your $id variable only exists as a local within your first function; your second function doesn't have access to it.

回复收藏 0 原文

终陌 2024-10-22 04:19:41

您的 $id 变量是局部变量，仅存在于第一个回调中。

相反，您应该将 ID 存储在 $.data 中。

回复收藏 0 原文

暮色兮凉城 2024-10-22 04:19:41

将 var $id = ""; 放在函数外部，使其成为全局函数，然后在第一个回调中删除 $idvar code>，就像这样 $id = "infobox-"+id;，然后将值存储在全局变量 $id 中。

现在您可以在第二个回调中使用它。希望这有帮助。

回复收藏 0 原文

请爱~陌生人 2024-10-22 04:19:41

$(".info-icon").hover(function() {
    $("#infobox-" + this.id.substring(10)).addClass("hover");
},
function() {
    $("#infobox-" + this.id.substring(10)).removeClass("hover");
});

$(".info-icon").hover(function() {
    $("#infobox-" + this.id.substring(10)).addClass("hover");
},
function() {
    $("#infobox-" + this.id.substring(10)).removeClass("hover");
});

回复收藏 0 原文

~没有更多了~