jQuery的输入按钮单击事件监听器(jQuery input button click event

全新jQuery的。 我试图建立一个事件侦听器在我的网页下面的控制，点击会显示警告时：

<input type="button" id="filter" name="filter" value="Filter" />

但它没有工作。

$("#filter").button().click(function(){...});

如何创建与jQuery的一个输入按钮控件的事件监听器？

Answer 1:

第一件事，第一， button()是一个jQuery UI功能来创建一个按钮控件这无关与jQuery核心，它只是风格的按钮。
所以，如果你想使用的小部件添加jQuery UI的的JavaScript和CSS文件或可选择地删除它，就像这样：

$("#filter").click(function(){
    alert('clicked!');
});

这可能造成你的问题的另一件事是，如果你没有等待输入被绘制并输入之前写的代码。 jQuery的有准备的功能 ，或它的别名$(func)其执行回调一旦DOM已准备就绪。
用法：

$(function(){
    $("#filter").click(function(){
        alert('clicked!');
    });
});

因此，即使顺序是这样它会工作：

$(function(){
    $("#filter").click(function(){
        alert('clicked!');
    });
});

<input type="button" id="filter" name="filter" value="Filter" />

DEMO

Answer 2:

$("#filter").click(function(){
    //Put your code here
});

Answer 3:

更多关于gdoron的答案，它也可以做到这样：

$(window).on("click", "#filter", function() {
    alert('clicked!');
});

而不需要将它们全部纳入$(function(){...})

文章来源: jQuery input button click event listener