光滑的滑块代码仅适用于Android-为什么它不适用于iOS仅适用于人像？

问题描述

我在这里遇到问题，希望您的投入。因此，我有一个页面，其中在台式机模式和横向模式下并排有3张图像，并且它们需要在移动，纵向模式下变成滑块。我使用了光滑的滑块，下面的代码，添加了最新的jQuery链接，并且工作得很好-它们都添加到了同一文件中以对其进行测试：html，jquery cdn，jquery代码。但是，由于我们使用的是CMS，因此当我将js代码移至.js文件并从外部加载jquery v3.5.1时，该代码就无法在iOS上运行。您是否遇到过类似情况？有任何想法吗？谢谢！

    $slickTest = false;
    function startSlider() {    
        if ($(window).width() <= 540) {
            if (!$slickTest) {
                $(".responsive").slick({
                    dots: true,arrows: false,slidesToShow: 1,slidesToScroll: 1,infinite: true
                });
                $slickTest = true;
            }
        } else if ($(window).width() > 540) {
            if ($slickTest) {
                $('.responsive').slick('unslick');
                $slickTest = false;
            }
        }
    }

    $(document).ready(function() {
        startSlider();
    });
    $(window).on('resize',function() {
         startSlider();
    });
  });

解决方法

我设法通过在头部添加jquery cdn使其正常工作，这与我们通常以相关方式添加js文件相反。在这种情况下，解决方案是在关闭的head标签之前添加它。现在，它可以完美运行了！谢谢大家：）