javascript - 如何在 jQuery Mobile 中单击 listitem 时调用函数？

Question

在用户单击列表中的联系人姓名后，我想调用以获取联系人详细信息。我正在动态创建列表，如下所示：

for (var i=0; i < contacts.length; i++) {
    $('#contactContainer').append($('<li/>', {   
    }).append($('<a/>', {
                            'href': '#two',
                            'onclick': aclick()
                'data-transition': 'slide',
                    'text': contacts[i].displayName
                })));
    };

    $('ul').listview('refresh');

}
function aclick () {
          alert("Eureka");
}

如果调用了该函数，我尝试使用警报。但它没有被调用。

请帮我在锚标签的点击上编写函数。

Answer 1

这有效：您需要绑定点击事件，同时创建动态列表视图

for (var i=0; i < 4; i++) {

 $('#contactContainer').append('<li><a data-transition="slide" id="test' + i + '" href="#two">test' + i + '</a></li>');

 $('#test' + i).on('click', function(){
        alert($(this).attr('id'));
 });    
}

$('ul').listview();