Maison  >  Article  >  interface Web  >  Discutez du problème du graphique carrousel jquery qui n'affiche pas les points d'ancrage

Discutez du problème du graphique carrousel jquery qui n'affiche pas les points d'ancrage

PHPz
PHPzoriginal
2023-04-11 09:10:20816parcourir

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn