click event on jquery does not work

Question

I have printed an echo with php of input element and I need to get click event id using jquery. Below is the code I am trying to get

API.php(echo element to index.php using ajax):

echo"<input type='submit' id='something' value='accept me'/>";

index.php(need to get the id='something' in click event):

$("#something").click(function(){
    alert("hi");
    //doesnt work 
});

why it is not working? Please suggest

have you wrapped it inside $( document ).ready(function() function ? — thepiyush13, Dec 05 '15 at 09:13
I'd imagine its bcoz your binding to #something before it exists in the DOM. Try `$('input').on('click', '#something', function(){ // whatever }); — An0nC0d3r, Dec 05 '15 at 09:16
are you sure you write click event after input html, and you write javascript referance to jquery file location — Suhail Keyjani, Dec 05 '15 at 09:17
And yes, wrap it in document.ready as @thepiyush said and read about event delegation — An0nC0d3r, Dec 05 '15 at 09:18

score 3 · Accepted Answer · edited May 23 '17 at 12:33

3

Write onclick() function on input itself. It will work.

For more info, click Add Onclick On Submit Button - Stack Overflow

<form ... >
    .
    .
    <input type='submit' id='something' onclick="return showValue();" value='accept me'/>
</form>

<script>
function showValue() {
    alert('hi');
    return false;
}
</script>

edited May 23 '17 at 12:33

Community

1
1

answered Dec 05 '15 at 09:29

Nana Partykar

10,556
10
48
77

Seems the OP doesn't know how things go on Stack. [I left them this...](http://stackoverflow.com/questions/34103171/click-event-on-jquery-does-not-work?noredirect=1#comment68057670_34103171) but seems to be to no avail. Oh well, what can you do. – Funk Forty Niner Nov 03 '16 at 14:21

score 1 · Answer 2 · answered Dec 05 '15 at 09:13

1

 window.onload=function(){
         $("#something").click(function(){
           alert("hi");
         });
      }

answered Dec 05 '15 at 09:13

Parth Patel

774
1
8
15

forgot to mention $(function(){$("#something").click(function(){ alert("hi"); //doesnt work });}); still doesnt work – Creep Death Dec 05 '15 at 09:17
Rate if it helps – Parth Patel Dec 05 '15 at 09:20

score 0 · Answer 3 · edited Dec 05 '15 at 09:24

0

Try this:

$( document ).ready(function() {
    $("#something").click(function(){
    alert("hi");
    //doesnt work 
});
});

if that does not work then you need to show your code. http://jsfiddle.net/y6bgov3e/

edited Dec 05 '15 at 09:24

Vineet1982

7,730
4
32
67

answered Dec 05 '15 at 09:23

thepiyush13

1,321
1
8
9

score 0 · Answer 4 · answered Dec 05 '15 at 10:59

Here is running code:

<script src="http://code.jquery.com/jquery-latest.min.js"
        type="text/javascript"></script>
<input type='button' id='test' value='accept me'/>

<script>
$(document).ready(function(){
    $('#test').bind('click', function(){
        alert('Hello')
    })
})
</script>

If you want to click on button then use button type insted of submit

click event on jquery does not work

4 Answers4