0

JavaScript の条件が満たされたときに読み込まれる動的ボタンがあります。ボタンが読み込まれると、ボタンをクリックするとすぐに機能する関数 (ClickMe) を呼び出す必要があります。

問題は、機能をボタンに関連付けることができないことです。

私のコードでは

    var showthelocation = "";

    showthelocation += '<li>';

    if (data.location == 'Sydney'){
    showthelocation += "</br><button class=\"" + ClickMe + "\">Show</button>";
    }

    showthelocation += '</li>';


    function ClickMe("Click"){
    //Some Code
    };

    $(".showthelocation").html(showthelocation);

とHTML

    <ul class="showthelocation"></ul>

ClickMe機能からIDやクラスをつけてアクセスしたいのですが、できません。何か助けはありますか？

4

2 に答える 2

2

次のようなことをしないのはなぜですか：

var showthelocation = "";
showthelocation += '<li>';

if (data.location == 'Sydney'){
  showthelocation += '<br /><button onclick="ClickMe();">Show</button>';
}

showthelocation += '</li>';

$(".showthelocation").html(showthelocation); 

function ClickMe(){
  console.log("Some Code");
};

以上 jQuery's

...
showthelocation += '<br /><button id="myButton">Show</button>';
...
$(".showthelocation").html(showthelocation);
$("#myButton").onclick(ClickMe);

これは機能しますが、同じ機能を実行するボタンが他にもある場合は、 のclass代わりに を使用する必要がありますid。次に例を示します。

...
showthelocation += '<br /><button class="myButton">Show</button>';
...
$(".showthelocation").html(showthelocation);
$(".myButton").onclick(ClickMe);

これにより、クリック ハンドラーが class を持つすべてのボタンにアタッチされますmyButton。

于 2013-07-16T15:25:46.720 に答える