0
votes

Simplifier plusieurs déclarations si sinon

Je ne sais pas comment simplifier plusieurs déclarations si sinon.

J'essaie de boucler à travers le curseur lisse pour saisir chaque diapositive et liez-le avec un élément LI pour afficher la position de cette diapositive particulière

Veuillez voir le code ci-dessous pour ce que j'ai au moment où xxx

jquery

2 commentaires

Pouvez-vous ajouter votre violon ici

Si vous avez un code de travail et que vous recherchez une critique, vous voudrez peut-être vérifier codereview.stackexchange.com

3 Réponses :

0
votes

Vous pouvez remplir un tableau avec tous les 5 noms de descripteurs, puis le savoir: xxx

Notez que cela ne modifie pas la quantité de code qui doit être exécuté (il augmente-le Légèrement), mais il résout le problème de la suppression de ces chèques répétitifs.

0 commentaires

0
votes

Pourquoi ne pas utiliser l'état du commutateur?

$('#tab-slider').on('afterChange', function(event, slick, currentSlide, nextSlide) {
        if (currentSlide === $('.tabs li.tab-1').index() || currentSlide === $('.tabs li.tab-2').index() || currentSlide === $('.tabs li.tab-3').index() ||
            currentSlide === $('.tabs li.tab-4').index() || currentSlide === $('.tabs li.tab-5').index()) {
            $('.tabs li.tab-1,.tabs li.tab-2,.tabs li.tab-3,.tabs li.tab-4,.tabs li.tab-5').css({
                'font-weight': 'bold',
            });
        } else {
            $('.tabs li.tab-1,.tabs li.tab-2,.tabs li.tab-3,.tabs li.tab-4,.tabs li.tab-5').css({
                'font-weight': 'normal',
            });
        }
    });

0 commentaires

2
votes

Je pense que la meilleure façon de gérer ce que vous voulez, c'est ajouter une classe active code> qui aura vos propriétés CSS souhaitées. Je ne sais pas si votre .tab-x code> est identique à la variable code> variable sur la diapositive, mais vous pouvez faire quelque chose comme ceci:

.active {
   font-weight: bold;
   /* Your other desired properties */
}

0 commentaires