javascript - 我无法将 css 类添加到新元素

Question

我有一个按钮，它是“点击我”，而 mouseover() 只适用于这个按钮问题是关于新按钮的。我不能用 addClass 添加 css。

$("button#Clickme").on({

    click:function(){
      $("div.Div").append('<button class="Clicker" >New Button</button>');
    }

});

$("button.Clicker").mouseover(function(){
  $(this).addClass("button");
});
$("button.Clicker").mouseout(function () {
 $(this).removeClass("button");
});

Answer 1

给你，因为你动态创建按钮:

      $("button#Clickme").on({

        click: function() {
          $("div.Div").append('<button class="Clicker" >New Button</button>');
        }

      });

      $(document).on('mouseover', 'button.Clicker', function() {
        $(this).addClass("button");
        alert('hhh');
      });

      $(document).on('mouseout', 'button.Clicker', function() {
        $(this).addClass("button");
        alert('hhh');
      });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="Clickme">ClickMe</button>
<div class="Div"></div>

希望这对您有所帮助。