Jquery移动列表视图与复选框phonegap在棒棒糖设备上

Question

我正在使用下面的代码在列表视图中动态添加列表元素来构建jquery移动列表视图。下面的代码工作正常，它显示列表视图与复选框按预期。但问题是当我在移动设备中启动并尝试滚动列表视图时，触摸的相应列表项的复选框被选中，这是我不想要的。

即，只有触摸复选框而不是列表项时，才应选中复选框。我怎么能这样做？

$('#ul_history_list').append('<li>' +
    '<a href="#" style="padding:0px !important; margin:0px !important;">' +
      '<label style="margin:0px !important; border:0px !important;"' +
        '<input name="chk_history" id="chk_history" type="checkbox" />' +
        '<div>' +
          '<h3>'+header+'</h3>' +
          '<p>'+message+'</p>' +
          '<p class="ui-li-aside"><i>Sent</i></p>' +
        '</div>' +
      '</label>' +
    '</a>' +
    '<a href="#pg_history-view"  class="nav-container" ></a>'+
    '</li>');
  });
$("input[name=chk_history]").checkboxradio();
$('#ul_history_list').listview('refresh');

我创建了一个jsfiddle。我认为问题是当我单击列表项时，复选框被选中。我需要的是只有在单击复选框时才应选中检查。

Jsfiddle Link

更新：我注意到这个问题只是在使用phonegap构建android APK并在Android Lollipop设备上部署之后。