2014-09-23 18 views
5

Slick Carousel'in çalışmasının basit bir uygulamasını yapmaya çalışıyorum. https://github.com/kenwheeler/slickKaygan Atlıkarınca Çalışmıyor

İşte benim kodudur:

Ben Git sayfasındaki talimatları takip ettik. Bir sorun olan var mı? Kaygan için basit bir çalışma kodu örneği var mı?

<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> 

cevap

6

Çalışmıyor olmasının nedeni, html dosyanızı dosyadan çalıştırmanızdır. Bu url şeması sizin script bağlantıları için kullanılan anlamına gelir böylece CDN bağlantılar açıkça yanlıştır

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

olarak çözümlenen

http: 

file: 

yerine

olduğunu.

Ya sert telli bir plan içerdiği tüm bağlantıları güncelleyerek http: için şeması:

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

veya bir http bağlamdan yerine sizin HD bir dosyadan kod çalıştırmasına.

+0

Teşekkür ederiz! Http olarak değiştirdikten sonra çalışır: – Steve

İlgili konular