Question

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

SlidesJS - TypeError: $(...).slidesjs is not a function

因此，当我尝试在Safari中加载页面时，图片不会加载，我收到错误＆＃34; TypeError＆＃39; undefined＆＃39;不是一个功能（评估＆＃39; $（＆＃39;＃slides＆＃39;）。slidesjs＆＃39;）＆＃34;。我通过将脚本声明从头部移动到正文来做到这一点，并且它适用于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;
}

SlidesJS TypeError unidentified不是Mac上Safari中的一项功能

0 个答案: