Select2 box содержит нежелательный текст

Я недавно работал над новой страницей, на которой сайт использует комбинацию bootstrap, ASP MVC и Select2.Select2 box содержит нежелательный текст

Из рисунка ниже, у меня есть поле выбора, с его текстом-заполнителем 'тегов', но также есть дополнительный текст 'fl'.

select2 box contains 'fl' in box

Я посмотрел вокруг моего кода, и это действительно озадачивает, почему это происходит.

@partial Tags() 
{  
    <div class="form-group"> 
     @using (Html.BeginForm("EditTags", "Tag", FormMethod.Post)) 
     { 
      <select name="Tags[]" id="tags" multiple="multiple"> 
       @foreach (var item in Model.AllTags) 
       { 
        <option class="select2-search-choice" value="@item.Id">@item.Name</option> 
       } 
       @foreach (var item in Model.ObservableTags) 
       { 
        <option class="select2-search-choice" value="@item.Id" selected="selected">@item.Name</option> 
       } 
      </select> 

      <div class="btn-group pull-right" role="group"> 
       <button type="submit" class="btn btn-success">Save</button> 
      </div> 
     } 
    </div> 
}

В сценариях:

<script type="text/javascript"> 
     $(document).ready(function() { 
      function formatState(state) { 
       if (!state.id) { return state.text; } 
       var $state = $(
        '<li class="select2-selection__choice" title="tag"><span class=\'glypicon glypicon-remove-circle\'/>'+state.text + '</li>' 
       ); 
       return $state; 
      }; 

      $('select#tags').select2({ 
       placeholder: "tags", 
       tags: true, 
       templateResult: formatState, 
       tokenSeparators: [',', ' '] 
      }); 
     }); 
    </script>

При взгляде на CSS элементы этого тега в Chrome, кажется, что это «П» добавляется к элементу «после» с помощью CSS.

fl being added in the css

Я посмотрел в CSS и JS файлов для выбор2 и нет никакой ссылки на «й» или редактировании стиля контента на этом классе.

Я использую Select2 4.0.0 (3.5.2, похоже, не позволял мне использовать теги для элемента select).

Моя установка:

Bootstrap (3.3.4) Visual Studio 2013 Pro MVC 5

Любая помощь здесь будет фантастическим.

источник

2015-03-20 user2831628

Это не «fl», это [символ Юникода «LATIN SMALL LIGATURE FL» (U + FB02)] (http://www.fileformat.info/info/unicode/char/fb02/index.htm). Скопируйте символ с [тестовой страницы] (http://www.fileformat.info/info/unicode/char/fb02/browsertest.htm) и найдите его. – CodeCaster

Кажется, что «fl» - это значок из шрифта awesome ... Проверьте шрифт awesome config (путь, шрифт). Вы можете добавить значки в правило контента с помощью unicode .. ex: content: "\ f002" –

ARGH, я знал момент, когда я разместил это, чтобы понять это.

Я отключил оптимизацию css и javascript, чтобы сделать его более читаемым (должен сделать это раньше), и, к моему удивлению, это еще один файл редактирования css, который: после тега для этого точного компонента (yay для входящих пакетов макета). Я удалил элемент контента и вуаля! задача решена.

источник

2015-03-20 12:20:39 user2831628

Select2 box содержит нежелательный текст

ответ

Смежные вопросы