iOS上的addListener方法和平滑滑块

Question

在为客户构建目标网页时，我遇到了从未遇到过的问题。

我在网站上只有几个滑块（使用滑盖构建），仅在移动设备（各种宽度）上加载。

我最近实现的一个滑块似乎不适用于iOS系统。下面是我的滑动启动的jQuery代码。似乎iOS无法读取

document.addEventListener("DOMContentLoaded", function() {

    function tableSlider(tablesMedia) {
    if (tablesMedia.matches) {
        tablesSlide.addClass('table-slider-container');
    } else {
        tablesSlide.removeClass('table-slider-container');
    }
}

const tablesMedia = window.matchMedia("(max-width: 1050px");


tableSlider(tablesMedia);
tablesMedia.addListener(tableSlider);

$('.table-slider-container').slick({
    slidesToShow: 1,
    arrows: true,
    dots: false
})

}）;

这里是完整小提琴的链接： https://jsfiddle.net/mib93/cdm2n740/1/

您有什么想法需要在这里做什么？