首页 文章

jQuery切换按钮不透明度

提问于
浏览 次
1

当用户将鼠标悬停在包含的div上时，我试图切换两个按钮的不透明度，当它们鼠标移出时，它应该回到隐藏状态，此时它正在这样做但是一旦我尝试单击其中一个按钮它疯了，开始反复打开和关闭不透明度，这是我的代码，

使用Javascript / jQuery的：

$('#container').live({
      mouseover: function() {
          $('.button').fadeToggle();
      },
      mouseout: function() {
          $('.button').fadeToggle();
      }
    });

HTML：

<div id="container">
                <div class="button"></div>
                <div></div>
                <div class="button"></div>
            </div>

Thanx提前！

PS：对于 Headers 感到抱歉，我忘了更改它，因为它显示并隐藏了具有淡入淡出效果的按钮而没有切换不透明度 .

javascript jquery effects

2 回答

  • 2

    mouseover 和 mouseout 事件会冒泡，这意味着它们也将触发所有元素的子元素 .

    你应该处理 mouseenter 和 mouseleave ，它们不会冒泡 .

    回复于
  • 2

    .stop（）你的动画再次运行之前 .

    $('#container').live({
  mouseover: function() {
      $('.button').stop();
      $('.button').fadeToggle();
  },
  mouseout: function() {
      $('.button').stop();
      $('.button').fadeToggle();
  }
});
    回复于

相关问题