无法使用 jQuery 选择带有 id 的输入按钮 [关闭]答案

【问题标题】：cant select input button with id using jQuery [closed]无法使用 jQuery 选择带有 id 的输入按钮 [关闭]
【发布时间】：2012-11-29 19:02:56
【问题描述】：

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

$(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);

谢谢大家

【问题讨论】：

你是否包含了 jQuery 库？您是否包含脚本文件？您的代码看起来不错。
当你说选择按钮时你实际上点击了按钮吗？
同意 Vega 和 NullPointer。您的代码工作正常。看到这个小提琴 - jsfiddle.net/U37pA
问题是我用jquery动态插入html代码......所以我忘记了这个细节......因为这项工作是必要的使用：$（'#cancel_button'）.live（' click', function);.....谢谢大家

标签： jquery html button onclick click

【解决方案1】：

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

所以改用这个：

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

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

【讨论】：