按钮上的jQuery点击不起作用

时间:2013-09-06 18:48:24

标签: jquery button mobile click

我正在使用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");
});

我该如何解决这个问题?

2 个答案:

答案 0 :(得分:17)

看起来您正在动态添加此元素,因此您需要使用委派的事件侦听器:

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

答案 1 :(得分:-4)

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