Javascript Girl
  1. Javascript Girl
  3. Le carrousel lisse ne fonctionne pas
Intereting Posts
Javascript Line Break Textarea L'expression régulière de Javascript pour la ponctuation (internationale)? Que signifie while (i -> 0)? Programmatically Clip / Cut image à l'aide de Javascript Expression régulière avec l'alphabet cyrillique JQuery obtient plusieurs attributs Manière de sauvegarder la réponse de Json dans le tableau La personnalisation de l'écran de confirmation Appeler une fonction côté serveur en utilisant un javascript Désactiver la minification dans Grunt (Yeoman) Comment isoler l'événement de clic sur React.js? Trouver la valeur maximale d'un objet enfant Comment désactiver le retour sur un bouton Asp Modification du fond en fonction de l'heure (en utilisant javascript) Comparer 'e.target' à un objet jQuery

Le carrousel lisse ne fonctionne pas

J'ai essayé d'obtenir une mise en œuvre simple du fonctionnement du Carousel Slick.

J'ai suivi les instructions à la page Git: https://github.com/kenwheeler/slick

Voici mon code. Quelqu'un peut-il voir un problème? Quelqu'un a-t-il un échantillon de code de travail simple pour Slick? 

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

La raison pour laquelle il ne fonctionne pas, c'est parce que vous exécutez votre fichier html à partir du fichier. Cela signifie que le schéma d'URL utilisé pour vos liens de script est 

 file:

au lieu de 

 http:

Afin que vos liens CDN soient résolus 

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

Ce qui est clairement incorrect.

Soit câblé le système à http: en mettant à jour tous les liens pour contenir un schéma: 

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

Ou exécutez votre code à partir d'un contexte http plutôt que d'un fichier sur votre HD.