单击表按钮上的 JQuery答案

【问题标题】：JQuery on click table button单击表按钮上的 JQuery
【发布时间】：2014-10-10 17:43:35
【问题描述】：

我有一个表格，其中每个 tr 都有一个按钮：

<td class='id'><input type='button' class='thisbutton' value='this'></td>

在页面中，我想为点击按钮定义一个动作。所以我尝试了这个：

$('.thisbutton').click(function() {
    alert("A");
});

什么都没有发生。我究竟做错了什么。这太简单了，无法正常工作:-(

【问题讨论】：

你有没有把这段代码放在 dom 就绪处理程序中？
你确定jQuery已经添加成功了吗？
检查控制台是否有错误
提供 jsfiddle 用于测试目的。问题不清楚。
JQuery 没问题。我按照建议尝试了 Dom 就绪处理程序，没有改变任何东西。控制台中没有错误。

标签： javascript jquery html button html-table

【解决方案1】：

如果你正确地包含了 jquery 和这个脚本，那应该可以正常工作。正如 cmets 所建议的那样，请检查您的控制台是否有错误，因为这很可能会给您一个关于问题的提示。它是大多数脚本调试的核心部分。

这是一个文档，展示了如何在 chrome 中使用控制台：https://developer.chrome.com/devtools/docs/console

如果有帮助的话，Firefox 对应的：https://developer.mozilla.org/en/docs/Tools/Web_Console

这是一个展示它的小提琴：http://jsfiddle.net/td4go6t9/

以及它的来源；

标记：

<table>
<tr>
    <td class='id'><input type='button' class='thisbutton' value='this'></input></td>
    <td class='id'><input type='button' class='thisbutton' value='this'></input></td>
    <td class='id'><input type='button' class='thisbutton' value='this'></input></td>
</tr>

脚本：

    $(function(){
        $('.thisbutton').click(function() {
            alert("A");
        }); 
    });

【讨论】：

我所做的事情是基于我在另一个提琴上找到的，以回复其他提出类似问题的人。我看到它在小提琴中运行良好。至于我在做什么，我有一个搜索框，当用户输入一个值时，它会 POST 到一个 .php，该 .php 用页面中的
中的回复。有问题的表位于
中，该
仅在返回 Search 后才会填充。也许是因为这个 .click(function()..) 不想触发按钮点击？ PS：控制台显示0个错误

如果在脚本运行后响应被附加到DOM，事件监听器不会被绑定到新元素。使用该请求的回调再次附加事件侦听器，它可能会正常工作。

确实，我只是在php返回表格后添加了echo "<script type='text/javascript'>$('.thisbutton').click(function() { alert('A'); });</script>";。现在，当我单击一个按钮时，我得到一个闪亮的 A。我想有一种更好的方法来完成我刚刚对那个回声所做的事情。

需要更多关于它的信息。你是如何发起 POST 请求的？提供一个工作示例将很有帮助。如果您使用的是 ajax，则回调函数是一种选择。请参阅 $.ajax 上的完整处理程序，例如：api.jquery.com/jquery.ajax

这对于我自己来说已经足够了。我将首先查看回调函数并从那里获取它。非常感谢！

【解决方案2】：

您的解决方案应该可以工作，但我会检查您是否正确下载并获取了 jQuery。或者，如果您使用的是内容交付网络，请确保您的网址正确。

【讨论】：