jquery - 无法使用 jQuery 选择带有 id 的输入按钮

Question

我的脚本文件中有以下代码：

$(document).ready(function(){
   $("#cancel_button").click(function(){
      alert("TEST");
   });
});

在我的网站上，我有这个：

<form id="edit_news_form" method="post">
    <input type="hidden" name="news_id" value="30">
    <input type="text" name="title" placeholder="Título" value="TEXT" size="80"><br>
    <textarea name="text" placeholder="Texto" rows="20" cols="58">TEXT</textarea><br>
    <input type="text" placeholder="Tags" value="Tag1" name="tags" size="80"><br>
    <input id="edit_button" type="submit" value="Edit">
    <input id="cancel_button" type="button" value="Cancel">
</form>

为什么我无法选择按钮并收到警报？

-------------已编辑 ------------

问题是我用jquery动态插入html代码......所以我忘记了这个细节......因为这项工作是必要的使用：

$('#cancel_button').live('click', function);

谢谢大家

Answer 1

jQuery live 方法自 v1.7 起已弃用。同样在幕后，所有事件（如直播、点击等）都在调用 on 方法

所以改用这个：

$(document).on('click', '#cancel_button', function () {
     // do some work
});

无论您的 html 是否动态加载，这都将起作用