jQuery - Click() doesn't work when clicking a
in an

Question

Trying to click an item in a dynamically-generated list, but the `$.click()` function just won't fire. HTML for the list: ```

``` jQuery to generate the list (which works as intended, generating a long list of data with the desired class attribute): ``` var sites =[]; $.getJSON("php/ABC.php", function(result){ $.each(result.Sites, function(i,v){ sites.push('

Accepted Answer

```
$('#site_list').on('click', 'li', function(){
    $(this).toggleClass("site_selected");
});
```

As you're addling `li` dynamically so you need delegate event handler to `li`.

Note

Delegate event structure of `.on()` is like following:

```
$(container).on(eventName, target, handlerFunction)
```

Here `container` point to a `Static-element` that contains the `target` element and belongs to DOM at page load.

jQuery - Click() doesn't work when clicking a <li> in an <ul>

Solution

Problem