jquery mobile navbar anchor在<li>中的复选框单击/点击后不会触发答案

【问题标题】：jquery mobile navbar anchor does not fire after checkbox click/tap in <li>jquery mobile navbar anchor在<li>中的复选框单击/点击后不会触发
【发布时间】：2014-09-16 16:33:47
【问题描述】：

我为一个似乎可以正常工作的无序列表动态构建列表项：

var catList = "<ul id='lstEntry' data-role='listview'>";

if (selectedCategory.entries != null) {
    $.each(selectedCategory.entries, function (key, entry) {
        catList += "<li class='clsEntry' data-id='" + key + "'>";
        catList += "<input type='checkbox' id='isExcluded" + key + "'" + (entry.exclude ? ' checked ' : '') + "/>";
        catList += entry.title;
        catList += "<p class='ui-li-aside'><input type='number' min='0' style='width:20px;' id='weight" + key + "' value='" + entry.quantity + "'></p>"
        catList += "</li>";
    });
}

catList += "</ul>";
$("#divEntries").html(catList);
$("#lstEntry").listview();
//$("#lstCategory").listview("refresh");  //doesn't impact problem

在页脚中，我有一个带有锚标签的导航栏：

<div data-role="navbar">    
  <ul>
       <li data-icon="plus"><a href="#" onclick="addNewEntry(); return false;" class="ui-btn-active">New Entry</a></li>
       <li data-icon="refresh"><a href="#" onclick="calculate(); return false;" class="ui-btn-active">Calculate</a></li>    
  </ul> 
</div>

在我单击/点击列表框中的复选框或更改输入中的值之前，锚点工作正常。一旦我这样做了，在导航栏中的任何锚点上的第一次单击/点击都不起作用，但屏幕跳跃有点像发生错误，但我没有记录任何错误（或者我错过了它）。第二次及后续的点击/点击再次起作用。

我在 android 和 wp8 的模拟器和实际设备中体验过这一点。

有人知道是什么原因造成的吗？如果用户首先更改列表项中的某些内容，我不希望用户单击两次。

【问题讨论】：

标签： jquery listview mobile click navbar

【解决方案1】：

原来这与包含data-role="footer'的div上没有设置data-tap-toggle属性有关。当内容区域中可能存在交互时，应将其设置为false。

我通过另一个帖子找到了这个： Jquery Mobile Persistent Navbar - Flickers

【讨论】：