复选框单击/点击后，jquery移动导航栏锚不会触发<li>

Question

我为一个无序列表动态地构建了listitems，看起来像这样工作正常：

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的模拟器和实际设备中经历了这一点。

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

Answer 1

事实证明，这与未在包含data-role =“ footer'的div上设置data-tap-toggle属性有关，如果内容区域中可能存在交互，则应将其设置为false。

我通过另一篇文章找到了这个： Jquery Mobile Persistent Navbar-Flickers