如何在jQuery Mobile中单击列表项时调用函数

How to invoke a function on click of listitem in jQuery Mobile?

本文关键字:列表 调用 函数 单击 jQuery Mobile      更新时间:2023-09-26

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

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");
}

如果调用函数,我尝试只是警报。但它不叫。

请帮我编写有关单击锚标签的功能。

这有效:您需要在创建动态列表视图时绑定单击事件

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();