Javascript Jquery tokeninput在移动设备上工作不正常
我们使用jQueryTokenInput让用户搜索他们的linkedin和facebook好友并选择 我们面临许多问题Javascript Jquery tokeninput在移动设备上工作不正常,javascript,jquery,jquery-mobile,jquery-tokeninput,Javascript,Jquery,Jquery Mobile,Jquery Tokeninput,我们使用jQueryTokenInput让用户搜索他们的linkedin和facebook好友并选择 我们面临许多问题 当用户开始在文本框中键入时,橙色框将高亮显示该文本框。但这个橙色框并没有完全覆盖文本框,而是仅覆盖文本周围文本框的一部分。我们不确定这个问题是否是由于jQueryTokenInput和ruby代码的一些配置不匹配造成的 有时,指示文本框上当前键入位置的指针不可见。当用户点击文本框,却看不到这样的指针(闪烁的|线)时,就会发生这种情况 这是一个截图 ,imgur.com/8KIX
<div data-role="content">
<%= form_tag(compose_referral_message_facebook_page_path, {:method => "get", "data-ajax" => false}) do %>
<%= hidden_field_tag :job_posting_id, params[:job_posting_id] %>
<%= hidden_field_tag :facebook_friend_list %>
<%= label_tag(:att_uid, "Employee ID*") %>
<%= text_field_tag(:att_uid, params[:att_uid], :placeholder => "Enter your ATTUID*") %>
<%= label_tag(:to, "Search Connections by Name") %>
<div data-role="content">
<input type="text" id="facebook_friend_search_box_id", placeholder="Search Connections by Name"/>
</div>
<div data-role="content">
<fieldset class="ui-grid-a">
<div class="ui-block-a">
<button id="facebook_friend_submit_button_id" type="submit" data-theme="b">
Continue
</button>
</div>
<div class="ui-block-b">
<%= link_to "Cancel", show_jobs_page_url(:job_posting_id => params[:job_posting_id]), {"data-role" => "button", "data-theme" => "c"} %>
</div>
</fieldset>
</div>
<% end %>
这种情况是否发生在桌面浏览器上?哪一种?如果可能的话,还可以发布jquery tokeninput插件的链接?我想在我自己身上进行测试。这只发生在android和IOS safari的移动浏览器上。demo.mobolt.com:4000是url,att/att123是凭据。
<div data-role="content">
<input type="text" id="facebook_friend_search_box_id", placeholder="Search Connections by Name"/>
</div>
$(document).ready(function() {
if ($("#facebook_friend_search_box_id").length !== 0) {
return $("#facebook_friend_search_box_id").tokenInput("search_facebook_friend");
}
});