javascript - jQuery 切换按钮不透明度

Question

当用户将鼠标悬停在包含的 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>

提前致谢!

PS:抱歉标题，我忘了更改它，因为它显示和隐藏带有淡入淡出效果的按钮，而不是切换不透明度。

Answer 1

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

您应该处理 mouseenter 和 mouseleave，它们不会冒泡。