0

我遇到了与此处描述的相同的问题，并且我的代码非常相似：

SlidesJS - TypeError: $(...).slidesjs 不是函数

因此，当我尝试在 Safari 中加载页面时，图片无法加载，并且出现错误“TypeError 'undefined' is not a function (evalating '$('#slides').slidesjs')”。我将脚本声明从头部移动到正文，它适用于 Windows 上的 Safari，但它不适用于 Mac 上的 Safari（出于某种原因）。在所有其他浏览器上都能完美运行。所以现在我不确定我还能做些什么来解决这个问题。有任何想法吗？

为了彻底，我将发布我的代码。

我的 HTML：

<head>              
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js" type="text/javascript"></script>
</head>

<body>
    <script src="Script/slides.js" type="text/javascript"></script>
    <script src="Script/script.js" type="text/javascript"></script>

    <section class="container">            
        <div id="slides">
            <img src="Images/background/01ok.jpg" alt=""/>
            <img src="Images/background/02ok_A.jpg" alt=""/>
            <img src="Images/background/03ok.jpg" alt=""/>
        </div>
    </section>
</body>

我的脚本：

$(document).ready(function() {
    $('#slides').slidesjs({ 
        height: 400,
        navigation: false,
        pagination: false,
        effect: {
            fade: {
                speed: 1200
            }
        },
        play: {
            active: false,
            auto: true,
            interval: 5000,
            pauseOnHover: false,
            effect: "fade"
       }
    });
});

我的 CSS：

.container {    
    margin: 0 auto;
    position: relative;
    width: auto;
}

#slides {
    display: none;
}

#slides img{
    position: absolute;
    width: 100%;
    height: auto;
    z-index: -1;
}
4

0 回答 0