Question

我正在使用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忽略所有令牌输入行为，并导致选择和编辑按预期工作。

在焦点上显示键盘/点击移动设备

1 个答案: