javascript - 带有 jQ​​uery 的按钮侦听器不起作用

Question

所以我的问题是，我想在单击按钮时运行一些 jQuery 代码。

<input type="button" name="appointments_view" value="Alle Termine anzeigen" />

这是我的 jQuery 类（为了测试，监听器应该在控制台上打印出一些东西。）

"use strict";

$.Class("View", {
init : function() {

    $("[name='appointments_view']").click(function() {
        console.log("appointments_view");
    });

}
});

如果我在浏览器中运行它，Firebug 不会给我任何错误。当我单击按钮时，没有任何反应。

将监听器放入 $(document).ready() 函数没有帮助。

提前感谢您的帮助！

Answer 1

你为什么不把你的功能放在上面document.ready？

$(function () {
    $("[name='appointments_view']").click(function() {
        console.log("appointments_view");
    });
});

见小提琴。

Answer 2

我不确定 $.Class(..) 是什么？您是否正在尝试编写插件或其他东西。尝试在 Visual Studio 中运行您的代码并给我错误对象不支持此属性。在 jsFiddle 上应用它会产生另一个错误。但将您的代码保持为常规脚本有效。也许你可以解释得更多。下面是 jsFiddle 链接

$("[name='appointments_view']").click(function(){
//your code goes here.
});

http://jsfiddle.net/ruchin/RsT6D/1/

Answer 3

我的问题是，HTML 是用 AJAX 加载的（ .load() 函数）。尽管 .load() 是在 (!) 侦听器之前编写的，但按钮没有响应。

解决方案是，在 .load() 函数的回调函数中编写侦听器。

看这里：

在 jQuery 中动态地将侦听器添加到 ajax 创建的内容