метки не кликабельна в jqtouch

С следующим кодом, который я не могу нажать на этикетках в 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.

источник

2010-11-10 mpapis

что jqtouch – kobe

@gov это библиотека JQuery для создания веб-сайтов для Айфона: http://jqtouch.com/ – mpapis

@mappis спасибо за информацию. – kobe

-1

благодаря @Ivan я нашел лучшее решение:

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

Кроме того, он фиксирует радио кнопки.

Единственный недостаток - это прекращение распространения, но в моем случае это нормально.

источник

2010-11-10 12:27:02 mpapis

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

источник

2010-11-10 10:01:34 niksy

У меня уже есть аналогичное исправление, но трудно поверить, что «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

Я, наконец, нашел в соответствующей статье лучшее решение, но так как это было не просто голосом. – mpapis

Существует малоизвестный трюк для этого, с помощью CSS:

метка {курсор: указатель; }

И он будет работать на iPhone и iPad.

источник

2011-04-06 00:10:02

Это заслуживает искренней WTF! – pstadler

Это не работает во всех случаях. Я попробовал это, чтобы найти, что свойство уже определено. :( –

это не работает на iOS7 – Nilesh

добавить OnClick = "" на этикетке

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

источник

2012-01-04 16:33:24 TOBlender

-1

да, user693942 CSS трюк достаточно, на самом деле, это работает!

label { cursor: pointer; }

источник

2013-06-20 08:08:32 vince357

это похоже на ошибку, изменение курсора не должно меняться при распространении событий - возможно, оно выглядит короче/приятнее - но это не похоже на правильное решение (используя ошибку для устранения ошибки) , – mpapis

метки не кликабельна в jqtouch

ответ

Смежные вопросы