php - 为按钮提供一个类并使用 javascript 来获取单击事件不起作用

Question

目前我创建了一个按钮:

<td><button class='ajax_button' data-id='4'>Reserve</button></td>

我在同一个文件中还有一个 javascript 部分:

$(".ajax_button").click(function(){
     var temp = $(this).data("id");
     alert(temp);
});

问题是当我单击按钮时，警报弹出窗口没有显示。我可能做错了什么？

此外，我注意到在 javascript 中，... $(#thing).click 前面有不同的符号$(.thing).click

“#”和“.”有什么区别？

Answer 1

传递给 $() 的值是 CSS 选择器。 jQuery 使用它们来尝试查找页面上的元素。在这种情况下，它可能找不到您的按钮，这可能是由于您调用 $() 时元素不存在造成的。

您可能太早执行 JavaScript 调用。如果您要求 jQuery 选择具有“ajax_button”类的所有元素，但不存在任何元素，那么显然它无法将 onclick 处理程序添加到任何内容。解决此问题的一种方法是等待整个页面加载完成。之后添加点击事件:

$(document).ready(function() {  // When the document is ready (DOM loaded)
    $(".ajax_button").click(function(){
        var temp = $(this).data("id");
        alert(temp);
    });
});

您可以向 document 的 ready 事件添加多个事件处理程序，就像在元素上添加多个 click 事件一样。

请注意，当然，在就绪状态之后创建的任何按钮都不会获得单击事件。如果您需要，请阅读 .live()