JQuery click() event listener doesn't work


it consolidates

I'm trying to get a small project going, but I'm stuck at a very annoying thing.

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

As you can see, I'm targeting a search button using the id, and search-buttonas soon as I click it, something happens. In this case, I put in a console.log to test if it worked, but it didn't. It always logs as soon as I load the page, not when I click the target button. ...if you need more info on this, what am I doing wrong please tell me I try to keep it simple

thank you for your help

OK

Hellcat_

The click handler requires a function parameter, not just console.log itself. Try this:

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

Related


Why doesn't my "click" event listener work for the delete button?

Remillis So I want to make a button of mine using the delete class (it is created via 34 on javascript.) So I set the onclick in the same way as the submit button, but when it is clicked. It has a simple console log to test if it is working properly. What's wr

Click event listener doesn't work for component in VueJS

Matt DiKalion HTML: <ul> <item v-on:click="boom" v-bind:product="item" v-bind:key="item.id" v-for="item in items" ></item> </ul> Javascript: Vue.component('item', { props: ['product'], template: '<li><a href="#">{{ pro

Click event listener doesn't work for component in VueJS

Matt DiKalion HTML: <ul> <item v-on:click="boom" v-bind:product="item" v-bind:key="item.id" v-for="item in items" ></item> </ul> Javascript: Vue.component('item', { props: ['product'], template: '<li><a href="#">{{ pro

Adding click event listener on WKWebView doesn't work

Mount Raymond I'm developing an application that uses WKWebView and I'm trying to add an event listener when the user clicks a button on a webpage. The button doesn't have an id, so I'm working with a class. I can set it up correctly on chrome using the inspec

Click event listener doesn't work for component in VueJS

Matt DiKalion HTML: <ul> <item v-on:click="boom" v-bind:product="item" v-bind:key="item.id" v-for="item in items" ></item> </ul> Javascript: Vue.component('item', { props: ['product'], template: '<li><a href="#">{{ pro

Click event listener doesn't work for component in VueJS

Matt DiKalion HTML: <ul> <item v-on:click="boom" v-bind:product="item" v-bind:key="item.id" v-for="item in items" ></item> </ul> Javascript: Vue.component('item', { props: ['product'], template: '<li><a href="#">{{ pro

Click event listener doesn't work for component in VueJS

Matt DiKalion HTML: <ul> <item v-on:click="boom" v-bind:product="item" v-bind:key="item.id" v-for="item in items" ></item> </ul> Javascript: Vue.component('item', { props: ['product'], template: '<li><a href="#">{{ pro

jQuery click event doesn't seem to work

Akahne Saikyo I'm practicing making a simple calculator using jQuery, and I think the code itself is pretty simple, but no matter what I do, absolutely nothing happens, as if there's no js file linked to beging. Here is the jQuery code: function ud(n){

jQuery .off("click") event doesn't work

basic need help This has been bugging me for hours and still confused as to why it doesn't work... When I use table.off("click");it , it also unbinds the click event of the first child without id=multi. var table = $("table#datatable") var button = $(".generat

jQuery click event doesn't work

mightyspaj3 I have this simple jQuery click event and for some reason it's not working. works, I can use this inside the $(document).ready(function() {});alert; however the actual click event doesn't work. Thanks in advance and please take it easy on me as I d

MathJax doesn't work in Jquery .click event

Glagas Incoming MathJaxJquery .clickevent doesn't work inside but outside that function. Run the code snippet to see the effect. $('#math').click(function(e){ e.preventDefault(); $("#result").html("$$ MathJax inside .click event doesn't work $$"); }); //outsid

jQuery Click event doesn't work on mobile

lkw3274 I'm trying to make the following JSFiddle work for tablet/mobile (eg "touch" and "click"). https://jsfiddle.net/lkw274/7zt1zL0g/87/ <div class="user-navigation"> <a class="mobile-menu-new" href=""><span></span>Menu</a> </div> $(document).ready

click event on jQuery doesn't work

Creep to death I have printed the echo with php of the input element and I need to get the click event id using jquery. Below is the code I am trying to get API.php (Echo elements to index.php using ajax): echo"<input type='submit' id='something' value='accept

jQuery .off("click") event doesn't work

basic need help This has been bugging me for hours and still confused as to why it doesn't work... When I use table.off("click");it , it also unbinds the click event of the first child without id=multi. var table = $("table#datatable") var button = $(".generat

jQuery click event doesn't seem to work

Akahne Saikyo I'm practicing making a simple calculator using jQuery, and I think the code itself is pretty simple, but no matter what I do, absolutely nothing happens, as if there's no js file linked to beging. Here is the jQuery code: function ud(n){

click event on jQuery doesn't work

Creep to death I have printed the echo with php of the input element and I need to get the click event id using jquery. Below is the code I am trying to get API.php (reflects elements to index.php using ajax): echo"<input type='submit' id='something' value='ac

MathJax doesn't work in Jquery .click event

Glagas Incoming MathJaxJquery .clickevent doesn't work inside but outside that function. Run the code snippet to see the effect. $('#math').click(function(e){ e.preventDefault(); $("#result").html("$$ MathJax inside .click event doesn't work $$"); }); //outsid

jQuery's click event doesn't work

username I can't find the reason why my code is not working. When I click on the generated element, the alert doesn't fire. Here is a fiddle : http://jsfiddle.net/pZAdP/ and code <button id="addMenuItem">Add Menu Item</button> <div id="content"></div> functio

jQuery's click event doesn't work

Alvin Karimi I wrote this code, I need to use jquery to handle click event, but it doesn't work in any browser, when I click on any element, nothing happens. div has no z-index in CSS; The vulnerability "news" element is dynamically added this is the html code

jQuery code for click event doesn't work

Kleber Mota In my current spring project I have a jsp page with the following: <c:url value="/${command['class'].simpleName}/index" var="index"/> <button type="button" class="btn btn-default action" data-url="${index}">Voltar</button> <c:url value="/${command

jQuery's click event doesn't work

username I can't find the reason why my code is not working. When I click on the generated element, the alert doesn't fire. Here is a fiddle : http://jsfiddle.net/pZAdP/ and code <button id="addMenuItem">Add Menu Item</button> <div id="content"></div> functio

jQuery code for click event doesn't work

Kleber Mota In my current spring project I have a jsp page with the following: <c:url value="/${command['class'].simpleName}/index" var="index"/> <button type="button" class="btn btn-default action" data-url="${index}">Voltar</button> <c:url value="/${command

jQuery code for click event doesn't work

Kleber Mota In my current spring project I have a jsp page with the following: <c:url value="/${command['class'].simpleName}/index" var="index"/> <button type="button" class="btn btn-default action" data-url="${index}">Voltar</button> <c:url value="/${command

jQuery function .on() doesn't work with "click" event

ihor I'm using MS Dynamics CRM 2013 and I have the following problem: When I want to add an event handler to the "Documents" button in the navigation pane, The jQuery function .on() does not work with the "click" event. It works fine with "mouseover" or "mouse

Click event by name doesn't work in jQuery

Lockx I'm stuck with a small problem. <a href="#" class="btn btn-small btn-danger" name="ignore" id="45"><i class= "fa fa-close"> </i> Ignore </a> <a title="ignore1" data-original-title="ignore1" id="14" name="ignore1" class="btn btn-small btn-danger" href="#

jQuery click event doesn't work

mightyspaj3 I have this simple jQuery click event and for some reason it's not working. works, I can use this inside the $(document).ready(function() {});alert; however the actual click event doesn't work. Thanks in advance and please take it easy on me as I d

jQuery Click event doesn't work on mobile

lkw3274 I'm trying to make the following JSFiddle work for tablet/mobile (eg "touch" and "click"). https://jsfiddle.net/lkw274/7zt1zL0g/87/ <div class="user-navigation"> <a class="mobile-menu-new" href=""><span></span>Menu</a> </div> $(document).ready