Question

我们使用jquery-tokeninput让用户搜索他们的linkedin和facebook好友并选择。

我们面临的问题很多

当用户开始在框中键入时，橙色框突出显示文本框。但是这个橙色框并没有完全覆盖文本框，而只是文本框周围的文本框的一部分。我们不确定这个问题是否是由于某些配置与jQuery-tokeninput和我们的ruby代码不匹配造成的。
有时，指示文本框上当前键入位置的指针是不可见的。当用户点击文本框并且没有看到这样的指针（闪烁线）时会发生这种情况。

http://imgur.com/ii6df3L是屏幕截图之一 http://imgur.com/7HId3id，imgur.com / 8KIXpa0是屏幕截图的其他图片。

以下是我们在erb和rb文件中使用的代码

<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 %>

建议文本框代码为

  <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");
  }
});

Jquery-tokeninput在移动设备上无法正常工作

0 个答案: