2015-05-21 49 views
1

我正在嘗試將Slick's Lazy Loading Carousal添加到網站。使用光滑的Carousal插件

標籤

<head> 
    <link href="nav.css" type="text/css" rel="stylesheet"> 
    <link href="home.css" type="text/css" rel="stylesheet"> 
    <link rel="stylesheet" type="text/css" href="slick/slick.css"/> 
    <link rel="stylesheet" type="text/css" href="slick/slick-theme.css"/> 
    <script type="text/javascript" src="//code.jquery.com/jquery-1.11.0.min.js"></script> 
    <script type="text/javascript" src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script> 
    <script type="text/javascript" src="slick/slick.min.js"></script> 
    <title>Home</title> 
</head> 

HTML

<div class="slideShow"> 
    <div>1</div> 
    <div>2</div> 
    <div>3</div> 
    <div>4</div> 
    <div>5</div> 
    <div>6</div> 
    <div>7</div> 
    <div>8</div> 
    <div>9</div> 
    <div>10</div> 
</div> 

jQuery的

$(document).ready(function(){ 
    $('.slideShow').slick({ 
    lazyLoad: 'ondemand', 
    slidesToShow: 5, 
    slidesToScroll: 1, 
    infinite: false, 
    }); 
}); 

我得到兩個錯誤時,該網站加載說:

GET file://code.jquery.com/jquery-1.11.0.min.js net::ERR_FILE_NOT_FOUND 
home.html:8 
GET file://code.jquery.com/jquery-migrate-1.2.1.min.js  
net::ERR_FILE_NOT_FOUND 

我是新來的jQuery,我想不通爲什麼使用jQuery的CDN時,它無法找到jQuery的。

回答

1

如果在本地訪問它,你必須在腳本引用中添加http:

<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js"></script> 

和:

​​
0

適合我。也許嘗試:

<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js"></script> 
<script type="text/javascript" src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>