将点击与悬停结合起来

发布于 2024-09-19 19:22:42 字数 247 浏览 6 评论 0原文

我需要让这段代码正常工作，这样当单击该项目时，鼠标移出不会淡出该元素。

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

提前致谢。

原文

I need to get this code to work so when the item is clicked the mouseout doesn't fade out the element.

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

Thanks in advance.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

深者入戏 2024-09-26 19:22:42

$('.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');
});

$('.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');
});

回复收藏 0 原文

风蛊 2024-09-26 19:22:42

添加一些属性以便您可以检查它。

$('.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');
});

Add some attribute so you can check on it.

$('.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');
});

回复收藏 0 原文

~没有更多了~