Проблема поиска в Select2 в адаптивном представлении при использовании Ajax в качестве источника данных и множественных тегов в codeigniter - PullRequest
0 голосов
/ 07 апреля 2020

Я использую Select2 для автоматического поиска на моем сайте. Поиск отлично работает в браузере, но не работает должным образом в мобильном представлении. В мобильном представлении поисковый запрос повторяется, и поиск не работает. Посмотрите на скриншот, чтобы понять, что я имею в виду. Я использую Chrome на телефоне Android. Пример страницы, где вы можете увидеть эту проблему - https://www.thinkcerti.com/coursera-skills. Код на странице приведен ниже. Любая помощь приветствуется.

$(document).ready(function() {
  $("#first_new_user_skills").select2({
    dropdownParent: $("#first_new_skill_Modal")
  });

});

$(document).on('submit', '#first_new_search_skills', function()
    {    
                var data2 = $(this).serialize();
                $.ajax({
                type : 'POST',
                url  : "https://www.thinkcerti.com/user-skills-for-coursera",
                data : data2,
                dataType : 'html', //set the dataType attribute
                cache: false,
                success :  function(data)
                           { 
                                console.log(data);
                                $("#first_new_skill_Modal").fadeOut(200).hide();
                                window.location.href = "https://www.thinkcerti.com/user-skills-based-coursera-courses";
                           }
               });
                return false;
    });  

<script>
 $(document).ready(function() {
  $(".js-example-tags").select2({
      tags: true
  });

enter image description here

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...