小编Lan*_*nce的帖子

当我将鼠标悬停在图像上时,我试图让按钮出现.以下作品:

    jQuery('.show-image').mouseenter(function() {
 jQuery('.the-buttons').animate({
  opacity: 1
 }, 1500);
}).mouseout(function() {
 jQuery('.the-buttons').animate({
  opacity: 0
 }, 1500); 
});

然而,当从图像移动到按钮(在图像上方)时,鼠标输出/鼠标中心被触发,因此按钮淡出然后淡入(按钮与图像具有相同的类别,否则它们只会保持褪色出).如何防止这种情况发生？我也使用jQuery的悬停尝试了上面的代码; 相同的结果.这是图像的细节,显示了不透明度为1的按钮(因为我在图像上方):

http://i.stack.imgur.com/egeVq.png

在此先感谢您的任何建议.