油滑滑塊不是在瀏覽器中加載

嗨我有這樣的HTML代碼油滑滑塊不是在瀏覽器中加載

<!DOCTYPE html> 
<html> 
<head> 

    <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/jquery.slick/1.6.0/slick.css"/> 

</head> 

<body> 

    <div class="slider"> 
     <div>1</div> 
     <div>2</div> 
     <div>3</div> 
    </div> 

    <script src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script> 

    <script type="text/javascript" src="//cdn.jsdelivr.net/jquery.slick/1.6.0/slick.min.js"></script> 

    <script src="main.js"></script> 


</body> 
</html>

這JS代碼

$(document).ready(function() { 
    prompt("Prompt 1"); 

    $('.slider').slick({ 

    }); 

    prompt("Prompt 2"); 

});

當我測試這個在瀏覽器（Chrome和邊緣）的油滑插件不不似乎加載因爲第二提示從未示出了向上和內部內容.slider是一個元件下方的其他

但是，當我複製並粘貼plunker中的兩個文件時，每件事情都顯得很完美。任何想法爲什麼發生這種情況？

來源

2017-07-14 c2J

您是否檢查瀏覽器控制檯是否有任何錯誤？ –

我該怎麼做？ – c2J

是的，我剛剛檢查。它說***無法加載資源：cdn.jsdelivr.net/jquery.slick/1.6.0/slick.css***和***無法加載資源：net :: ERR_FILE_NOT_FOUND slick.min.js * ** – c2J

我只是想通了。我不包括https：在我的鏈接標記和三個腳本之一。 Plunker能夠載入的文件，但沒有HTTPS瀏覽器無法做到這一點：的

代替

<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/jquery.slick/1.6.0/slick.css"/>

添加的https：

解決方案

<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/jquery.slick/1.6.0/slick.css"/>

第二個相同腳本標記

來源

2017-07-14 17:27:14 c2J

油滑滑塊不是在瀏覽器中加載

回答

相關問題