Показ клавиатуры на фокусе / клик на мобильных устройствах

Question

Я использую http://loopj.com/jquery-tokeninput/

На мобильных устройствах при попытке добавить токен клавиатура должна открываться, но клавиатура открывается только при касании / нажатии / фокусировке на $(".token-input-input-token-facebook") и не на $(".token-input-list-facebook") (используя тему Facebook)

Я пытался делать

$(".token-input-list-facebook").live('click', function(e){
  e.preventDefault();
 $(".token-input-input-token-facebook").focus();
});

но это не сработало (наряду с другими вариантами)

HTML это

<ul class="token-input-list-facebook">
<li class="token-input-input-token-facebook">
<input type="text" autocomplete="off" id="token-input-change_tags" style="outline: none; width: 30px;">
<tester style="position: absolute; top: -9999px; left: -9999px; width: auto; font-size: 14px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 400; letter-spacing: 0px; white-space: nowrap;">
</tester>
</li>
</ul>

Есть ли решение для этого?

Answer 1

Недавно я столкнулся с очень похожей проблемой. Я хотел спросить, вы случайно используете fastclick?

FastClick и tokeninput не очень хорошо играют вместе.

Я отключил FastClick на всех полях токена ввода, и это выглядело намного счастливее.

Я сделал это с темой Facebook, вручную создав список классов следующим образом:

   settings = 
    classes :  
      tokenList: "token-input-list-facebook needsclick",
      token: "token-input-token-facebook needsclick",
      tokenReadOnly: "token-input-token-readonly-facebook needsclick",
      tokenDelete: "token-input-delete-token-facebook needsclick",
      selectedToken: "token-input-selected-token-facebook needsclick",
      highlightedToken: "token-input-highlighted-token-facebook needsclick",
      dropdown: "token-input-dropdown-facebook needsclick",
      dropdownItem: "token-input-dropdown-item-facebook needsclick",
      dropdownItem2: "token-input-dropdown-item2-facebook needsclick",
      selectedDropdownItem: "token-input-selected-dropdown-item-facebook needsclick",
      inputToken: "token-input-input-token-facebook needsclick",
      focused: "token-input-focused-facebook needsclick",
      disabled: "token-input-disabled-facebook needsclick"

Это заставило FastClick игнорировать все поведение ввода токена и привело к выбору и редактированию для работы, как ожидалось.