是否可以将 jQuery 中的悬停元素应用于具有显示和隐藏功能的两个 div？

Posted 2023-05-08

【中文标题】是否可以将 jQuery 中的悬停元素应用于具有显示和隐藏功能的两个 div？

【英文标题】：Is it possible to apply a hover element in jQuery to two divs with show and hide functionality?

【发布时间】：2012-12-17 23:46:26

【问题描述】：

当我在 div 上使用显示和隐藏功能时，会出现一些闪烁。 我现在正在使用以下代码：

$(document).ready(function()
  $("#tekstvanitem-1").hide();
  $("#thumbnail-1").hover(function()
   $("#tekstvanitem-1").show();
   ,function()
   $("#tekstvanitem-1").hide();


 );
);

问题是当我翻转 thumbnail-1 时它显示 tekstvanitem-1。但是因为 tekstvanitem-1 在 thumbnail-1 上弹出，所以它看起来像在闪烁，因为我不再在 thumbnail-1 上。所以这是一种循环。

当我的鼠标在 thumbnail-1 上或我的鼠标在 tekstvanitem-1 上时，是否可以设置悬停元素？

提前致谢！

【问题讨论】：

小提琴示例：jsfiddle.net/Lqhqz

【参考方案1】：

当然。只需将#tekstvanitem-1 放在选择器中...

$(document).ready(function()
    $("#tekstvanitem-1").hide();
    $("#thumbnail-1, #tekstvanitem-1").hover(function()
        $("#tekstvanitem-1").show();
    ,function()
        $("#tekstvanitem-1").hide();
    );
);