jquery - ボタンクリック時のjQueryが機能しない

Question

jquery モバイル クリック機能を使用していますが、機能していません。

これは私が持っているボタンの例で、グリッド内に含まれています:

<div class="ui-block-c"><a class="request" data-role="button" data-id="\"'+json[i].num+'\" data-type="3" data-icon="plus" data-iconpos="right">Test</a></div>

jQuery関数:

$('.request').on('click', function() {
    alert("hi");
});

これを修正するにはどうすればよいですか?

Answer 1

この要素を動的に追加しているように見えるため、委任されたイベント リスナーを使用する必要があります。

$(document).on('click', '.request', function() {
    alert("hi");
});

また、エスケープされた引用符が一致しないという問題があります。私はそれらが必要だとは思わない：

<div class="ui-block-c"><a class="request" data-role="button" data-id="'+json[i].num+'" data-type="3" data-icon="plus" data-iconpos="right">Test</a></div>

Answer 2

$(.request).click(function(){
alert("hi")
});