将鼠标悬停合并

Question

我需要让这段代码工作，所以当点击项目时，mouseout不会淡出元素。

$('.link1').hover(function(){
    $('#image1').fadeIn();
},function(){
    $('#image1').fadeOut();
}).click(function(){
    $('#image1').css('display','block');
});

提前致谢。

Answer 1

$('.link1').hover(function(){
    $('#image1').fadeIn();
},function(){
    var clicked = $(this).data('clicked');
    if(!clicked) $('#image1').fadeOut();
}).click(function(){
    $(this).data('clicked', true);
    $('#image1').css('display','block');
});

Answer 2

添加一些属性，以便查看。

$('.link1').hover(function(){
  if(!$('#image1').is(':visible')) $('#image1').fadeIn();
}, function(){
  if(!$(this).attr("clicked")) $('#image1').fadeOut();
}).click(function(){
  $(this).attr("clicked", true);
  $('#image1').css('display','block');
});