jqtouch中标签不可点击

Question

使用以下代码，我无法单击 jqtouch 中的标签（在 iphone 模拟器和 iphone 本身上）：

<ul class="rounded">
  <li>
    <label for="user_name">Name</label>
    <input type="text" name="user_name" id="user_name"/>
  </li>
</ul>

它在 safari 中运行良好，我也在 jquery-mobile 的演示中检查了这一点，并且它正在 iphone 模拟器上运行，所以问题接缝到严格是 jqtouch 特定的。

Answer 1

为此，有一个晦涩的技巧，使用CSS：

label {cursor:pointer; 。

它可以在 iPhone 和 iPad 上运行

Answer 2

将 onclick="" 添加到标签

<label for="blah" onclick="">blah</label>

Answer 3

点击 在 Mobile Safari 中链接时无法自动对焦

Answer 4

感谢@Ivan，我找到了更好的解决方案：

  $('label[for],input[type="radio"]').bind('click', function(e) {
    e.stopPropagation();
  });

此外它还修复了单选按钮。

唯一的缺点是 - 它会停止传播，但就我而言，这是可以的。

Answer 5

是的，user693942 CSS 技巧就足够了，实际上，它有效！

label { cursor: pointer; }