javascript - 光滑的 slider 代码仅适用于 Android - 为什么它不适用于 iOS(仅限纵向)？

Question

我在这里有一个问题，希望得到您的意见。所以，我有一个页面，在桌面模式和横向模式下并排显示 3 张图像，它们需要在移动设备上变成纵向 slider 。我使用了光滑的 slider ，下面的代码，添加了最新的 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();
    });
  });

Answer 1

我设法通过在头部添加 jquery cdn 来使其工作，而不是我们通常添加相关的 js 文件的方式。在这种情况下，在结束 head 标签之前添加它是解决方案。现在它完美地工作了!谢谢大家:)