JQuery Не работает на мобильных устройствах - выпадающее меню и функция загрузки - PullRequest
Новая
       5

JQuery Не работает на мобильных устройствах - выпадающее меню и функция загрузки

0 голосов
/ 22 января 2020

Все еще новичок в JQuery. В настоящее время мой код JQuery работает неправильно на любых мобильных устройствах. Мой выпадающий список не появляется на iPhone. Раскрывающийся список работает на более старом Samsung Edge 7, но функция загрузки не загружает дополнительную страницу. php, которая находится в том же файле. На более новом устройстве Samsung, например Galaxy 10, выпадающий список не работает. Все работает на компьютере, то есть на настольном компьютере / ноутбуке, так, как я этого хочу, но, похоже, не может заставить работать мобильный телефон. Зашел в браузеры и не получил никаких ошибок javascript.

Как это должно работать ... Эта таблица лет автоматически отображается под нагрузкой. При выборе прошлого года из выпадающего списка он должен изменить и скрыть эту таблицу лет и загрузить таблицу прошлых лет с другой страницы php в том же файле. Добавил значок загрузчика, потому что для загрузки и отображения таблицы требуется немного времени. После загрузки он удаляет значок загрузчика со страницы и пользователя, который может переключаться туда-сюда при необходимости.

Пожалуйста, посмотрите на код ниже и скажите, что мне не хватает для мобильных устройств? 

<select style='height:50px; border:none; font-size:28px; font-weigth:bolder;' name='year_to_date' id='year_to_date'  required >
    <option value="current_year">2020</option> 
    <option value="previous_year">2019</option>                                                 
</select>

<script type=”text/javascript” src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.4.1.min.js"></script>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.js"></script> 
<script>
    $(document).ready(function(){
        $('#loading').hide();
    });

    $("#year_to_date").change(function () {
        $('#current_year').hide();
        $('#loading').show();
        if($('#year_to_date').val() == 'previous_year') {
            $("#previous_year").load("statistics_prev.php", function(){
            $( "div" ).remove( "#loading" );                        
         });
            $('#previous_year').show();
        }   else {
            $('#current_year').show(); 
            $('#previous_year').hide();
            $('#loading').hide();
        }
    });
</script>

1 Ответ

0 голосов
/ 28 января 2020

Выяснилось, что проблема не в jquery. Это был тестовый сервер, на котором я был. Тестовый сервер заблокировал некоторые права или некоторые аспекты jquery, что привело к тому, что мобильная версия не работала так же хорошо, как и версия на компьютере.

...