0

以下の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>
4

1 に答える 1

2

コードを逆にし.edit-one-buttonて、インラインスタイルのdisplay:noneを作成し、javascriptを使用してロード時に非表示にするのではなく、cssで .activeホバーのようなクラスを追加することもできます。display:block

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



$(function () { 
  $('.widget').hover(function () {
    $('.widget .edit-one-button').fadeIn(100);
  }, function () {
    $('.widget .edit-one-button').fadeOut(100);
  });
});
于 2012-07-20T16:00:54.803 に答える