jQuery button selector with click event not working

Question

Why is this not working?

<div id="download">
        <button>Download</button>
</div>

$("#download").find( ":button" ).click(function () {
    alert("io");
});

I tried adding a class and an Id to the button element. I also tried

<button>Download</button>

$(':button').click(function(){
    alert("io");
}

PSL · Accepted Answer · 2013-10-15 18:23:05Z

2

:button matches only <input type="button"...

so try:

$(function(){ //And i would wrap it in DOM ready wrapper if the script is loaded earlier than the element in DOM.
    $("#download").find("button").click(function () {
        alert("io");
    });
});

edited Oct 15, 2013 at 18:23

answered Oct 15, 2013 at 18:13

PSL

124k21 gold badges257 silver badges243 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

PSL Over a year ago

@NunoNogueira It works here jsfiddle.net/zs42v Is the script appearing after the element as you have shown in your example if not wrap it in $(function(){...});

user882670 Over a year ago

that was exactly the problem, I guess... The script was being loaded before the element.. Thanks for your help!

user882670 Over a year ago

I sure don't. There it is

Collectives™ on Stack Overflow

jQuery button selector with click event not working

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related