La nappe de Curseur (Ken Wheeler) - Masquer le Curseur jusqu'à ce que Chargé
Je suis actuellement en utilisant la Nappe (Ken Wheeler) curseur de la fonction. Il est actuellement en cours de chargement dans le pied de page avec seulement deux variables.
$('.slickSlider').slick({
dots: true,
fade: true
});
Je suis actuellement confronté le prêt fonctionnalités de jquery où je peux voir tout casser jusqu'à ce que le jquery est chargé. Est-il de toute façon à masquer le curseur ou pour régler ce problème? où il se charge en premier, ou il ne charge rien jusqu'à ce que tous les actifs sont fait.
Merci d'avance.
- Avez-vous compris cela? Je suis à la recherche pour la même solution. J'ai essayé @m.casey 's solution, mais je ne pouvais pas le faire fonctionner.
InformationsquelleAutor jagmitg | 2014-07-09
Vous devez vous connecter pour publier un commentaire.
Modifier
Si c'est juste une question d'attendre jusqu'à ce que le document est chargé et prêt avant l'exécution de votre script, puis le suivant devrait fonctionner:
CSS comme suit:
Cela suppose que vous avez caché votre .slickSlider via Display: None afin de ne pas être visible pour l'utilisateur jusqu'à ce que vous l'afficher via jQuery.
C'est le plus mince plus vils façon.
Mettre une classe sur votre élément curseur et réglez display:none.
Dans votre css, ajouter
Une meilleure façon de le faire serait d'ajouter opacity:0 à votre curseur élément de la classe, puis ajouter
à votre css.
Je veux utiliser ni
.show()
ni.slick-initialized
cause cela dépend 3d-partie script qui peut être changé. J'ai remarqué que mon code source ressemble:mais slick crée beaucoup de wrappers autour des images, j'ai donc ajouté à mon css
qui prend uniquement en charge cette séquence et cache les images, uniquement lorsqu'ils sont en direct de l'enfant de mon conteneur supplémentaire de la nappe de classes qui sont ajoutés après l'initialisation
pourquoi n'utilisez-vous pas le document.prêt de la fonction:
court et simple!