Слушатель событий JQuery click () не работает

Question

Я пытаюсь запустить небольшой проект, но застрял на очень раздражающей вещи.

$(document).ready(function() {
  $("#search-button").click(console.log('hello'))
});

, как вы видите, я нацеливаюсь на кнопку поиска с идентификатором search-button, и как только я нажимаю на нее, что-то должно произойти.в этом случае я помещаю console.log, чтобы проверить, работает ли он, но это не так.он всегда регистрирует его, как только я загружаю страницу, а не когда я нажимаю кнопку, на которую я нацеливаюсь.... что я делаю не так, если вам нужна дополнительная информация по этому вопросу, скажите мне, что я постарался сделать это как можно проще

ty для вашей помощи

Ok

Answer 1

Надеюсь, вы используете jQuery версии 3 или выше.если вы используете версию 3 или выше jquery, рекомендуется использовать переплет документов Пример:

jQuery(document).on('click', '#search-button', function(event) {
    //your Code here...
    console.log('hello');
 });

Answer 2

Обработчику клика нужен аргумент функции, а не только файл console.log.Попробуйте это:

$(document).ready(function() {
  $("#search-button").click(function() {
      console.log('hello');
  });
});

Answer 3

Как уже упоминалось, функция щелчка требует своей собственной функции обратного вызова.Вы также можете использовать это, не требуя использования документа :

$("#search-button").on('click', function() {
    console.log('hello')
    })

Answer 4

Внутри .click должен быть обработчик .click(handler), а обработчик должен быть функцией.Браузер читает код, и когда он нажимает console.log('hello'), он делает это!Он видит .click и т. Д., Но это не имеет значения;затем он видит console.log и делает это.

Попробуйте

$(document).ready(function() {
  $("#search-button").click(function() {
    console.log('hello');
  });
});