用javascript显示/隐藏按钮

我想通过下面的javascript使用“.widget”中的类“.edit-one-button”显示/隐藏按钮。但是，当我第一次加载页面时，按钮不会隐藏。任何想法可能会出错？用javascript显示/隐藏按钮

<script type="text/javascript"> 
    $(function() { 
     $('.edit-one-button').hide(); 
     $('.widget').hover(function() { 
     $(this).find('.edit-one-button').fadeIn(100); 
     }, function() { 
     $(this).find('.edit-one-button').fadeOut(100); 
     }); 
    }); 
</script>

来源

2012-07-20 wcdomy

做悬停代码的工作？ – 2012-07-20 16:26:14

好问题。那也不是。当我第一次加载该页面时，该按钮会显示出来。悬停效果也不起作用... – wcdomy 2012-07-20 18:02:58

您是否包含jQuery库？在错误控制台中是否有任何Javascript错误？ – Guffa 2012-07-20 19:41:09

你也可以反向代码，以便.edit-one-button有显示的内嵌样式：无然后在CSS悬停添加类像.active与display:block，而不是使用javascript负载隐藏。

.edit-one-button { 
    display:none; 
} 



$(function() { 
    $('.widget').hover(function() { 
    $('.widget .edit-one-button').fadeIn(100); 
    }, function() { 
    $('.widget .edit-one-button').fadeOut(100); 
    }); 
});

来源

2012-07-20 16:00:54

OP的代码已经准备就绪。他们使用'$（fn）'版本，它与'$（document）.ready（fn）'相同。 – jfriend00 2012-07-20 16:07:14

仍然是一个好习惯。我提出的CSS解决方案也是相关的并且可行。 – 2012-07-20 16:08:31

代码*已*在ready事件中。操作使用速记。 – Guffa 2012-07-20 16:08:57

用javascript显示/隐藏按钮

回答

相关问题