2014-09-23 8 views
5

मैं स्लिम कैरोसेल काम करने का एक सरल कार्यान्वयन करने की कोशिश कर रहा हूं। https://github.com/kenwheeler/slickस्लिम कैरोसेल काम नहीं कर रहा

यहाँ मेरी कोड है:

मैं Git पृष्ठ के अनुदेशों का पालन किया है। क्या कोई समस्या देख सकता है? क्या किसी के पास स्लिम के लिए एक सरल काम कोड नमूना है?

<html> 
    <head> 
    <title>My Now Amazing Webpage</title> 
    <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/jquery.slick/1.3.7/slick.css"/> 
    </head> 
    <body style="background-color: lightblue"> 

    <div class="your-class"> 
     <div><p>test1</p></div> 
     <div><p>test2</p></div> 
     <div><p>test3</p></div> 
    </div> 

    <script src="//code.jquery.com/jquery-1.11.0.min.js"></script> 
    <script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script> 
    <script type="text/javascript" src="//cdn.jsdelivr.net/jquery.slick/1.3.7/slick.min.js"></script> 
    <script type="text/javascript"> 
     $(document).ready(function(){ 
      $('.your-class').slick(); 
     }); 
    </script> 

    </body> 
</html> 

उत्तर

6

कारण यह काम नहीं कर रहा है क्योंकि आप फ़ाइल से अपना एचटीएमएल चला रहे हैं। इसका मतलब है कि url योजना अपनी स्क्रिप्ट लिंक के लिए इस्तेमाल किया जा रहा

file: 

बजाय

http: 

तो अपने CDN लिंक के रूप में

file://code.jquery.com/jquery-1.11.0.min.js 

जो स्पष्ट रूप से सही नहीं है संकल्प लिया जा रहा है।

या तो कड़ी मेहनत से तार सभी लिंक को अद्यतन करने के लिए एक योजना को रोकने के लिए द्वारा http: लिए योजना:

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

या पर अपने HD एक फ़ाइल से एक http संदर्भ से बजाय अपने कोड चलाते हैं।

+0

धन्यवाद! Http में बदलने के बाद काम करता है: – Steve

संबंधित मुद्दे