Question

仍然是JQuery的新功能。目前，我的JQuery代码在任何移动设备上均无法正常工作。我的下拉菜单没有出现在iPhone上。该下拉列表可在较旧的Samsung Edge 7上使用，但加载功能未加载同一文件中的其他.php页面。在像Galaxy 10这样的较新的Samsung设备上，下拉列表似乎不起作用。一切都可以按照我想要的方式在台式机/笔记本电脑（也称为台式机）上运行，但似乎无法移动办公。进入浏览器，未收到任何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>

Answer 1

发现，问题不是jquery。这是我所在的测试服务器。测试服务器阻止了jquery的某些权利或某些方面，从而导致移动版本的性能不如计算机版本好。由于要求，该代码由于无法使用而不得不上线，并且现在可以正常工作。

jQuery在移动设备上不起作用-下拉和加载功能

1 个答案: