Question

桌面大小适应移动维度，一切正常。这是一个Ruby on Rails应用程序。

错误＃1

我不知道如何描述这个但是当我在Safari中输入我的iphone输入中的字母（select2被调用）时，它会在输入每个字母后上下摇动/摇晃/上下移动。

错误2

输入标签后按Iphone键盘上的“done”，select2-downdown有时会保持打开状态。这非常挑剔。

脚本：

$(document).on('page:change', function () {
  $('.tags').select2({
    placeholder: 'Click to select',
    tokenSeparators: [','],
    tags: true,
  });
});

从视图：

<%= f.input :tag_list, input_html: { class: 'tags', multiple: "multiple" }, collection: ActsAsTaggableOn::Tag.all, value_method: :name, label: "Tags" %>

Css

.modal-footer.photoform {
  .select2-container {
     margin: 10px 5px 15px 5px;
     width: 90% !important;
     float: left;
     overflow: hidden;
       li.select2-selection__choice {
         background-color: white;
         color: black;
       }
   }
   input.select2-search__field {
        width: 120px !important;
        margin-bottom: 2px;
        color: black;
   }
  }

Answer 1

这不是一个完美的解决方案，但我们可以从搜索中做到最好：

$('select').select2({
  ajax: {
    url: '/example/api',
    delay: 250
  }
});

Select2 options

每次按键都会触发一个请求，我可以延迟吗？默认情况下，只要用户更改其搜索词，Select2就会触发新的AJAX请求。您可以使用ajax.delay选项设置去除请求的时间限制。

jquery select2标签在safari中的bug

1 个答案: