标签在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有一个不起眼的技巧：

标签{cursor：pointer; }

它可以在iPhone和iPad上运行。

Answer 2

添加onclick =＆＃34;＆＃34;到标签

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

Answer 3

Tapping on <label> does not auto-focus linked in Mobile Safari

Answer 4

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

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

另外它修复了单选按钮。

唯一的缺点是 - 它会停止传播，但在我的情况下它是可以的。

Answer 5

是的，用户693942 CSS技巧就够了，实际上，它有效！

label { cursor: pointer; }