jQuery Mouseover if语句在hover语句中

Question

有人可以查看我的代码并告诉我哪里出错了吗？

$("div.inner").hover(function(){
    $("span.arrowL, span.arrowR").fadeIn("slow");
    if ($('div#move_next').mouseover()){
      return false; 
    } else {
      return true;
    }
  },
  function(){
    $("span.arrowL, span.arrowR").fadeOut();
  });
});

我试图让背景图像在悬停时淡入，如果有人在某个区域上空盘旋，我希望箭头留在那里而不是淡出。

Answer 1

认为一旦悬停在箭头或箭头元素上，整个父容器的悬停就不再存在，并且会调用淡出。

Answer 2

试试这个：

$('#move_prev').mouseover(function() {
    $('span.arrowL').stop(true).css('opacity', 1);
});

$('#move_next').mouseover(function() {
    $('span.arrowR').stop(true).css('opacity', 1);
});

这应该可以阻止用户鼠标指针移动的箭头发生淡出，并反转淡出部分已经完成的部分。这是必要的，因为#move_prev和#move_next不在div.inner内，所以这就是箭头隐藏的原因。