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>

または、標準のラベルの動作*を覆す必要があると本当に感じた場合は、代わりにスパンを使用しないのはなぜですか？

_{*しないでください。}

編集：結構です、これを試してください：

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