Question

我想用.on方法将函数绑定到按钮。这是我的按钮：

 <button class="btn btn-primary col-md-offset-2 col-md-4" type="button" id="reg">Register</button>

这是我的剧本。

$(document).ready(function(){
$("#reg").on("click", function(){
    alert("Its working!!!");
});
});

我知道我的代码没有错，但我仍然无法使其正常工作....我已将<head>中的所有库包含在内。但按钮什么也没做。

Answer 1

你的代码工作正常没错“

$(document).ready(function(){
$("#reg").on("click", function(){
    alert("Its working!!!");
});
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<button class="btn btn-primary col-md-offset-2 col-md-4" type="button" id="reg">Register</button>

Answer 2

如果按钮动态添加尝试使用：

$(document).ready(function(){
   $("body").on("click", "#reg", function(){
      alert("Its working!!!");
   });
});

Answer 3

请在head标签中添加jquery库，它会正常工作。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

jQuery使用on方法将函数绑定到按钮

3 个答案: