Question

我想使用下面的javascript在“.widget”中显示/隐藏“.edit-one-button”类的按钮。但是，当我第一次加载页面时，该按钮不会被隐藏。知道可能出了什么问题吗？

<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>

Answer 1

您也可以撤消代码，以便.edit-one-button具有内嵌样式display：none然后在css中添加类似.active的类，并在css中添加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);
  });
});

使用javascript显示/隐藏按钮

1 个答案: