jquery - chechboxes中的jquerymobile可点击链接

Question

似乎很难让一个链接在复选框标签内工作，覆盖默认的点击事件

<input type="checkbox" name="pr1" id="checkbox-5a" />
<label for="checkbox-5a">Check3 <a href="http://www.google.com" data-ajax="false" rel="external" style=" z-index:70000;">link</a></label>

它可能需要javascript才能使其工作，以及如何？谢谢

http://jsfiddle.net/ca11111/M7Bwc/1

编辑：似乎可以用 onclick 和 location.href

<input type="checkbox" name="pr1" id="checkbox-5a" />
<label for="checkbox-5a">Check3 <a onclick="location.href='http://www.google.com'">link</a></label>

Answer 1

尝试这个：

$('label').click(function(e){ // or $('label a').click(function(e){
    e.stopPropagation()
})

演示

Answer 2

将链接紧跟在标签之后有什么问题：

<label for="checkbox-5a">Check3 </label><a href="http://www.google.com"
       data-ajax="false" rel="external" style=" z-index:70000;">link</a>

或者，如果你真的觉得你必须颠覆标准的标签行为*，为什么不直接使用 span 呢？

_{* 请不要。}

编辑：好的，试试这个：

$("label a").click(function(e){ e.stopPropagation(); });