Захватить событие клика кнопки отправки jquery

Я пытаюсь получить событие click кнопки отправки в моей форме...

<input type="submit" value="Search By Demographics" class="button" id="submitDemo"/>

Это кнопка, из которой я хочу получить событие.

$('#submitDemo').click(
        alert("work darn it!!!!!!!!!!!!!!!!!!!!!!!!!")
        //$("#list").block({ message: '<img src="../../Images/ajax-loader.gif" />' })
    );

Это то, что я хочу сделать при нажатии кнопки. Я хочу поместить загружаемое изображение вокруг div, а затем разблокировать позже в другой функции. В настоящее время оверлей появляется, когда страница загружается, а не onClick. Что я делаю

Ответы

Ответ 1

попробуйте это

$('#submitDemo').live("click",function() {
  // your stuff
});

Как @px5x2 указал, что live неактуальен, поэтому вместо использования в реальном времени ON

$('#submitDemo').on("click",function() {
  // your stuff
});

Ответ 2

$('#submitDemo').click(function() {
  // do your stuff
});

Ответ 3

Вы должны заключить код в функцию.

$('#submitDemo').click(function(){
    alert("work darn it!!!!!!!!!!!!!!!!!!!!!!!!!")
    //$("#list").block({ message: '<img src="../../Images/ajax-loader.gif" />' })
});

Но всегда полезно привязывать событие, используя его так, чтобы он прикреплял обработчик события к элементу, когда он доступен. Итак

$('#submitDemo').on('click',function(){
    alert("work darn it!!!!!!!!!!!!!!!!!!!!!!!!!")
    //$("#list").block({ message: '<img src="../../Images/ajax-loader.gif" />' })
});

Ответ 4

Вам нужно запустить script, когда DOM готов, а также обеспечить обратный вызов методу click:

$(function() {
    $('#submitDemo').click(function() {
        // do your stuff
    });
});

Ответ 5

Для формы вы также можете привязать кнопку отправки, нажав на форму.

$("#form_selector").submit(function{
// Do your stuff
})

где 'form_selector' - это id формы, в которую нажата кнопка отправки.

Ответ 6

Возможно, вы не включили библиотеку jquery в свой код!

src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>