Maison > Article > interface Web > Discutez du problème du graphique carrousel jquery qui n'affiche pas les points d'ancrage
Lors du développement de sites Web et d'applications, l'utilisation de carrousels jQuery est une technologie très courante. Cependant, on rencontre parfois un problème où le carrousel n’affiche pas les points d’ancrage. Cet article explorera les causes et les solutions à ce problème.
1. Description du problème
Lors de l'utilisation du plug-in carrousel jQuery, nous souhaitons généralement ajouter une barre de navigation sous le carrousel pour indiquer la position du carrousel actuel. Cette barre de navigation se présente généralement sous forme de points d'ancrage, et chaque point d'ancrage correspond à une image carrousel. Cependant, vous rencontrez parfois un problème : bien que l’ancre existe, elle n’apparaît pas sur la page.
2. Cause du problème
La raison de ce problème est que le style du point d'ancrage est défini sur : aucun. En effet, de nombreux plug-ins de carrousel utilisent JavaScript pour lier l'image du carrousel et le point d'ancrage correspondant. Le plug-in définira la position du point d'ancrage et de l'image du carrousel dans le même conteneur div, et définira la propriété d'affichage du point d'ancrage sur none pour le masquer.
3. Solution
1. Modifier le style CSS
Afin d'afficher le point d'ancrage, nous devons modifier le style CSS et définir la propriété d'affichage du point d'ancrage sur block afin qu'il puisse être affiché. Vous pouvez ajouter le code suivant dans le fichier CSS :
.carousel-indicators { display: block !important; }
2. Utilisez jQuery pour contrôler le style
Nous pouvons également utiliser jQuery pour contrôler le style. Ajoutez le code suivant au fichier JavaScript du carrousel :
$(document).ready(function(){ $('.carousel-indicators').css('display', 'block'); });
Ce code sera exécuté après le chargement de la page et définit la propriété d'affichage de l'ancre sur block.
Résumé :
Dans cet article, nous avons exploré le problème des carrousels jQuery n'affichant pas les points d'ancrage et proposé deux solutions. En modifiant le style CSS ou en utilisant jQuery pour contrôler le style, nous pouvons facilement résoudre ce problème pour obtenir l'affichage normal du carrousel et des points d'ancrage.
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!