是否可以在JQuery Mobile Form Label中使用链接？

Question

我在使用jQuery Mobile时遇到了一个奇怪的问题.

我在表单元素标签中有一个链接 - 一个复选框标签准确但链接不起作用.

我试过阅读文档,但似乎无法找到任何内容.

这是我的标记:

<div data-role="fieldcontain">
    <fieldset data-role="controlgroup">
        <input type="checkbox" class="cbox" name="OptIn" id="OptIn"/>
        <label for="OptIn">Receive E-mails From Us</label>

       <input type="checkbox" value="1" class="cbox" name="tandc" id="tandc"/>
       <label for="tandc">I agree to the <a href="/tandcs.html" target="_BLANK" >Terms & Conditions</a></label>   
   </fieldset>
</div>

单击链接时,只需切换复选框状态.

UPDATE

刚刚意识到我可以通过右键单击打开链接,但显然是在一个不太有用的移动设备上....

Answer 1

这是适用于移动和非移动浏览器的正确解决方案

$('.ui-checkbox a').bind("tap click", function( event, data ){
    event.stopPropagation();
    $.mobile.changePage($(this).attr('href'));
});