Event click in jquery doesn't work

Question

Check it out...

function listaHistorico() {

        dbase.transaction(function (tx){
            tx.executeSql("SELECT DISTINCT numero FROM CONTACTOS_OUT", [], function (tx, results){

                var len = results.rows.length;

                for (var i=0; i<len; i++){

                    $("#lista").append("<li><a class='contactoSMS' href=#SMSCONTOUT?telefone="+ results.rows.item(i).numero + 
                            "><img class='photo' width='64' height='64' src='img/Android_AMCL.png'><h4>" 
                    + results.rows.item(i).numero + "</h4></a></li>");
                }
            }, erroEx);
        });

    $(".contactoSMS").click(function (){

        alert("Work please");

    });
}

am trying hard but $(".contactoSMS").click doesn't work it is for a mobile app that am working...

one idea?

See http://stackoverflow.com/questions/15090942/jquery-on-method-not-working-on-dynamic-content — Denys Séguret, Sep 05 '13 at 10:59

score 1 · Accepted Answer · answered Sep 05 '13 at 11:02

1

$('#lista').on('click', ".contactoSMS", function() {
    alert("Work please");
});

.on() is for jQuery version 1.7 and above. If you have an older version, use this:

$("#SomeId").live("click",function(){
    //do stuff;
});

answered Sep 05 '13 at 11:02

Sasidharan

3,676
3
19
37

score 0 · Answer 2 · edited Sep 05 '13 at 11:01

0

To make it work on dynamic content, use on with delegation :

$('#lista').on('click', ".contactoSMS", function() {
    alert("Work please");
});

edited Sep 05 '13 at 11:01

Rory McCrossan

331,213
40
305
339

answered Sep 05 '13 at 11:00

Denys Séguret

372,613
87
782
758

score 0 · Answer 3 · answered Sep 05 '13 at 11:36

0

Once try like this. You need write jquery click function with in the $(document).ready(function(){}); method.

$(document).ready(function(){

     $(".contactoSMS").click(function (){

                alert("Work please");

                       });
});

answered Sep 05 '13 at 11:36

kalyani puvvada

496
4
12

The jquery click function is in the $(document).ready(function(){}); – user2647038 Sep 05 '13 at 12:35

Event click in jquery doesn't work

3 Answers3