Javascript SlideJ在桌面上工作，但在移动设备上不工作

我有一个带幻灯片的网页：

当使用手机时，幻灯片应位于页面顶部。但事实并非如此。 最奇怪的是，它有时确实有效

两者都没有错误，所以我不知道从哪里开始查找问题

在本地服务器上运行时，它可以正常工作

幻灯片代码

<script src="assets/js/jquery.slides.min.js"></script>
<script>
    $(function () {
        $('#slides').slidesjs({
            navigation: false,
            start: 1,
            play: {
                auto: true
            }
        });
    });
</script>
<script>
    $(function () {
        $('#slides-mobile').slidesjs({
            navigation: false,
            pagination: false,
            start: 1,
            play: {
                auto: true
            }
        });
    });
</script>

$（函数（）{
$（“#幻灯片”）.slidesjs({
导航：错误，
起点：1，
播放：{
自动：对
}
});
});
$（函数（）{
$（'slides mobile'）。slidesjs({
导航：错误，
分页：false，
起点：1，
播放：{
自动：对
}
});
});

HTML

<div id="mobile-artists" class="col-lg-12 col-md-12 col-12 img_section" style="display:none;padding-top:0%;padding-left:0%;padding-right:0%;">
    <div id="slides-mobile" class="artist-pics">
        <img src="assets/img/artists/audiowave_bio.jpg">
        <img src="assets/img/artists/audiowave_bio6.jpg">
        <img src="assets/img/artists/audiowave_bio5.jpg">
    </div>
</div>

包括

<script src="assets/js/slick.min.js"></script>
<script src="assets/js/main.js"></script>
<script src="assets/js/isotope.js"></script>
<script src="assets/js/imgloaded.js"></script>

写问题时会说：问题应该包括所需的行为、特定的问题或错误，以及重现问题所需的最短代码。添加了我使用的代码您可以通过CSS（响应查询）隐藏和显示div。