Jquery 悬停时打开一个div，然后悬停在div上时保持div打开

很抱歉，这个问题的标题不太清楚，但不确定如何描述它

基本上我的问题是这个。我正在准备培训课程的报名表。有许多帮助图像，它们在hover上打开一个div，其中包含其他信息。我需要的是，如果您将鼠标悬停在div上，帮助框将保持打开状态。当您离开帮助图像时，div关闭，这使得无法单击框中的任何链接。我希望在将鼠标悬停在帮助图像或div上时div保持打开状态，但在移动到页面的另一部分时div保持关闭状态

HTML如下所示：

<a href="#" id="pohelplink" class="helplinks">
 <img src="images/help.png" class="helpimage" id="pohelpimage" />
</a>
<div class="helpbox" id="pohelp">
 <h4>Purchase Order</h4>
 <p>If your company requires purchase orders to be raised, we'll need to know the PO Number so we can include it on our invoice. Please type the number into this box.</p>
 <p>If your organisation doesn't use purchase orders then you can simply leave this area blank.</p>
</div>

非常感谢您的帮助

另外，对z索引的更改是为了在弹出帮助div时保持帮助图像可见，因为这两个部分重叠。我认为它与这个特定的问题无关，但为了完整起见，我想把它包括在内

谢谢

请参见jQuery以获取此信息

请参见jQuery以获取此信息

  $("#pohelplink,#pohelp").hover(function(){
     $("#pohelplink").css({"z-index":"1110"});
     $("#pohelp").fadeIn();
     },
    function(){
     $("#pohelp").fadeOut();
     $("#pohelplink").css({"z-index":"1095"});
    });​

像这样检查这个

  $("#pohelplink,#pohelp").hover(function(){
     $("#pohelplink").css({"z-index":"1110"});
     $("#pohelp").fadeIn();
     },
    function(){
     $("#pohelp").fadeOut();
     $("#pohelplink").css({"z-index":"1095"});
    });​

---

检查此项

以下代码可能会解决您的问题：

---

以下代码可能会解决您的问题：

---

可能重复请尝试在鼠标悬停时为新的div pohelp添加另一个处理程序。pohelp.hover$pohelp.cssdisplay，block//诸如此类；可能重复请尝试在鼠标悬停时为新的div pohelp添加另一个处理程序。pohelp.hover$pohelp.cssdisplay，block//诸如此类；这是我最后得出的最接近正确答案的答案。最终，我使用了上述技术，但必须将所有元素合并到跨度中。然后，我为.mouseleave函数选择了该跨度。否则，当离开“帮助链接”时，帮助框消失了，然后再次出现。这是与我最终得出的正确答案最接近的答案。最终，我使用了上述技术，但必须将所有元素合并到跨度中。然后，我为.mouseleave函数选择了该跨度。否则，当离开“帮助链接”时，帮助框消失，然后再次出现。

    $("#pohelplink, #pohelp").mouseenter(function () {// show pohelp 
        $("#pohelplink").css({
            "z-index": "1110"
        });
        $("#pohelp").fadeIn();
    });
 $("#pohelp").mouseleave(function(){ // show pohelp tile mouseleave from pohelp
       $("#pohelp").fadeOut();
      $("#pohelplink").css({"z-index":"1095"});
});​