jquery - 添加功能以保持 div.pop-up 悬停

Question

悬停后弹出停留并在鼠标向右移动时关闭或关闭.......

          $(document).ready(function() {
            //If Javascript is running, change css on product-description to display:block
            //then hide the div, ready to animate
            $("div.pop-up").css({'display':'block','opacity':'0'})

            $("a.trigger").hover(
              function () {
                $(this).prev().stop().animate({
                  opacity: 1
                }, 500);
              },
              function () {
                $(this).prev().stop().animate({
                  opacity: 0
                }, 200);
              }
            )
          });

Answer 1

我不完全确定你在问什么，但这就是我翻译它的方式......

问：如何使弹出窗口在悬停时保持打开状态，而不是因为触发器不再悬停而关闭？

A：你能改变加价吗？如果是这样，您可以将弹出窗口放在触发器元素中，这样当弹出窗口悬停在您没有离开触发器时：

​ <div class="trigger"> <a>Hover over me</a> <div class="pop-up"> This is the pop-up, hover over me as well. </div> </div>​

然后你只需要稍微修改你的Javascript：

$("div.pop-up").css({
    'display': 'block',
    'opacity': '0'
});
$("div.trigger").hover(
function() {
    $(this).find("div.pop-up").stop().animate({
        opacity: 1
    }, 500);
}, function() {
    $(this).find("div.pop-up").stop().animate({
        opacity: 0
    }, 200);
});​

看演示