Подтвердить что ты не робот

JQuery входной кнопкой click event listener

Совершенно новый для jQuery. Я пытался настроить прослушиватель событий для следующего элемента управления на моей странице, который при нажатии отображал предупреждение:

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

Но это не сработало.

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

Как вы создаете прослушиватель событий для кнопки кнопки ввода с помощью jQuery?

4b9b3361

Ответ 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

Ответ 2

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

Ответ 3

Подробнее о gdoron ответе, это также можно сделать следующим образом:

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

без необходимости помещать их все в $(function(){...})