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

看起来您正在动态添加此元素，因此您需要使用委托(delegate)事件监听器:

$(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>