jquery - イベントのクリックが機能しない

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

afterと beforeの<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();