2010-11-10 29 views
3

不可點擊有了下面的代碼,我不能在jqtouch點擊標籤(在iPhone模擬器和iPhone本身):標籤在jqtouch

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

它在野生動物園的工作很好,我已經在演示還檢查了這jquery-mobile和它在iphone模擬器上工作,所以問題接縫嚴格jqtouch特定。

+0

@gov它是用於創建iphone的網站jQuery庫是什麼jqtouch – kobe 2010-11-10 08:31:55

+0

:http://jqtouch.com/ – mpapis 2010-11-10 08:34:53

+0

的信息@mappis感謝。 – kobe 2010-11-10 08:44:46

回答

-1

感謝@Ivan我找到了更好的解決方案:

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

此外它修復單選按鈕。

唯一的缺點是 - 它停止傳播,但在我的情況下,它是可以的。

1
+0

我已經有類似的修復,但很難相信'Mobile Safari'不支持這個明顯的功能: $('label [for]')。bind('click',function(){ var $ target = $('#'+ $(this).attr('for')); $(':focus')。blur(); if($ target [0] .type ==='radio'){ $ target [0] .checked = true; } else { $ target [0] .focus(); } }); – mpapis 2010-11-10 12:06:21

+0

我終於在相關文章中找到了一個更好的解決方案,但因爲它不是直的只有投票。 – mpapis 2010-11-10 12:24:08

11

有一個模糊的特技對於這一點,使用CSS:

標籤{光標:指針; }

它可以在iPhone和iPad上使用。

+5

這值得一個真誠的跆拳道! – pstadler 2012-01-17 15:59:12

+3

這似乎不適用於所有情況。我去試試這個只是爲了發現該屬性已經定義。 :( – 2013-08-26 20:45:24

+0

這不適用於iOS7 – Nilesh 2014-07-08 21:34:51

2

添加的onclick = 「」 的標籤

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

呀,user693942 CSS技巧是不夠的,其實,它的工作原理!

label { cursor: pointer; } 
+1

這看起來像一個錯誤,改變光標不應該改變事件的傳播 - 可能看起來更短/更好 - 但它似乎不是正確的解決方案(使用錯誤來解決bug) 。 – mpapis 2013-06-20 15:42:02