Question

我有以下问题。我创建了一个clase .save，然后我添加了这个事件点击但它没有用

码

 <!DOCTYPE html>
<html>
  <head>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  <script>
    $(document).ready(function(){
        $("#bt").click(function(){
          $("form").append("<br><label>Add Province:</label>");
          $("form").append("<input type='text'/>");
          $("form").append("<input class='save' type='button' value='Guardar'/>");             
        });
        $(".save").click(function(){
          $(this).css("background-color","red");
        });
  });
  </script>
  </head>
  <body>
    <form id="form" action="#">
       <button id="bt">Add Province</button>

    </form>
  </body>
</html>

Answer 1

我认为您需要阻止按钮的默认操作。

e.preventDefault();

点击事件也应该是

$("form").on("click",".save", function(){
          $(this).css("background-color","red");
});

这是因为按钮被添加到表单中。点击事件只能添加到现有元素中。

一个小例子http://jsfiddle.net/r2qx3874/2/

事件点击似乎无法在轨道上的红宝石中工作

1 个答案: