Slidejs在台式机上运行， 但不在移动设备上运行

Question

我有一个带有slidejs的网页：https://www.melkerhei.be/smeltkroes/audiowave.html

[移动时，幻灯片放映应位于页面顶部。但事实并非如此。最奇怪的是，有时它确实可以工作。

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

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

slidejs代码

<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>

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>

Answer 1

@ belgiums，如果可以使用“ order” BS4（Bootstrap4）进行设置

例如https://getbootstrap.com/docs/4.0/utilities/flex/#order