Can't catch an with .click in jQuery

Question

Why is it that I can't catch this ``... ``` select item ``` ... with this jQuery? ``` $(document).ready(function() { $( ".select2-choice" ).click(function() { alert( "Handler for .keydown() called." ); }); }); ``` I think this is the function that's generating the dropdown: ``` createContainer: function () { var container = $(document.createElement("div")).attr({ "class": "select2-container" }).html([ "", " ", " ", "", "", "

", "

Accepted Answer

because $( ".select2-choice" ) did not match anything at the time of execution, so no event was bound. try

```
$(document).ready(function() {
   $(document).on("click", ".select2-choice", function() { ... });
});
```

which adds a click event to the document that is filtered to the selector before executing the function.

Can't catch an <a> with .click in jQuery

Solution

Problem

Related problems