Question

我的代码不起作用......有人可以帮助我吗？

function main() {

    var myvar = 'cool', myvar2 = 'good';

    $("#list").append("<li><a class='execute' href=#SMSCONTOUT?telefone=" + myvar + "<h4>" + myvar2 + "</h4></a></li>");

    $(".execute").click(function () {
        $("#SMSCONTOUT").css("display", "block"); 
    });
}

我的$(".execute")不起作用...我的div：“SMSCONTOUT”没有出现......

Answer 1

活动代表我的朋友：

$("#list").on("click", ".execute", function(){

    alert(myvar);

});

Answer 2

试试这个（你忘了分号;）： -

function main(){
var myvar, myvar2;

$("#list").append("<li><a class='execute' href='#SMSCONTOUT'?telefone="+myvar+"<h4>"+ myvar2 +"</h4></a></li>");

$("#list").on("click", ".execute", function(){
        alert(myvar);  
    });}

修改

请查看JSFIDDLE（由 Chris Rockwell 添加）。这很好用!!!

Answer 3

您未在<a>之前和myvar之前关闭<h4>代码，我会将href值设为引号：

$("#list").append("<li><a class='execute' href='#SMSCONTOUT?telefone=" + myvar + "'><h4>" + myvar2 + "</h4></a></li>");

目前附加的输出html如下所示：

<a class='execute' href=#SMSCONTOUT?telefone=help<h4>yep</h4></a>

有些浏览器比其他浏览器更能自动纠正这些类型的混乱。

编辑后，只需使用：

$("#SMSCONTOUT").show();

我的事件点击不起作用

3 个答案: