jquery - jquery中的事件点击不起作用

Question

一探究竟...

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");

    });
}

我正在努力，但 $(".contactoSMS").click 不起作用它适用于正在运行的移动应用程序......

一个想法？

Answer 1

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

.on() 适用于 jQuery 1.7 及更高版本。如果您有旧版本，请使用以下命令：

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

Answer 2

要使其适用于动态内容，请与委托一起使用：

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

Answer 3

一旦尝试这样。您需要在 $(document).ready(function(){}); 中编写 jquery click 函数。方法。

$(document).ready(function(){

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

                alert("Work please");

                       });
});