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

问题描述 投票:0回答:1

还是JQuery的新手。目前,我的JQuery代码在任何移动设备上均无法正常工作。我的下拉菜单没有出现在iPhone上。该下拉菜单适用于较旧的Samsung Edge 7,但加载功能未加载同一文件中的其他.php页面。在像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>
javascript php jquery html dropdown
1个回答
0
投票

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

© www.soinside.com 2019 - 2024. All rights reserved.