android-emulator - jQuery Mobile Listview - 列表项 onClick 从不在 Android Emulator 中触发

Question

在 jQuery Mobile 中 listview ，我有一系列的项目:

<ul data-role="listview" id="lv_systems" data-inset="true">
  <li><a href="#page2" data-id="sys1">System 1</a></li>
  <li><a href="#page2" data-id="sys2">System 2</a></li>
    ....
</ul>

在$(document).ready() ，我为每个 <a> 添加了一个点击处理程序像这样(建议 here )( #select_system 是页面名称):

$(document).ready( function () {         

$('#select_system').live ('pagecreate', function(){
    $('#lv_systems').delegate('li', 'click', function(){
             alert('list item clicked');
    });
});
    $('#lv_systems').listview('refresh');
});

在浏览器(Chrome 和 Safari)中测试此代码时效果很好，但在带有 PhoneGap 的 Android 模拟器中，永远不会显示警告消息，这使得事件绑定(bind)看起来不正确。

我错过了什么？

Answer 1

给自己的备忘录:RTFM .

不是用委托(delegate)绑定(bind)到click，而是绑定(bind)到vclick，即

....
$('#lv_systems').delegate('li', 'vclick', function(){
....

根据文档，

Normalized event for handling touch or mouse click events