jQuery Mobile Listview - 列表项onClick永远不会在Android模拟器中触发

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>(这里建议)(#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模拟器中,从不会显示警报消息,这使得事件绑定看起来不正确.

我错过了什么？

Answer 1

自我备忘录:RTFM.

而不是绑定到click委托,绑定vclick,即

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

根据文档,

用于处理触摸或鼠标click事件的规范化事件