Si la classe de corps est égale à X alors faire quelque chose?

Question

J'ai ce code exécuté à partir d'un script externe pour un curseur d'image pour chaque page sur un site.

$(document).ready(function() { 
    $("#slideshow").show(); 
    $('#slider1').anythingSlider({ 
    buildNavigation: false, 
    delay: 8000 
    }) 

Sur l'une des pages que je ne veux pas le curseur sur l'image pour faire pivoter automatiquement, alors je dois ajouter une variable supplémentaire. J'ai mis une classe sur le corps de la page et que vous voulez faire quelque chose le long des lignes de ...

Si le corps a une classe de « partnerCharitiesDetail » puis exécutez ce script au lieu de celui

générique

C'est ce que j'ai essayé ci-dessous (sans succès). J'ai vraiment 2 questions vraiment,

1) Que se passe-t-il dans jQuery quand il y a 2 scripts identiques en cours d'exécution (comme cet exemple), va-t-il remplacer l'ancien par le plus récent?

2) Où vais-je me tromper?! Est-ce que mon approche est la meilleure façon de le faire?

$(document).ready(function() { 
$("#slideshow").show(); 
    $('#slider1').anythingSlider({ 
    buildNavigation: false, 
    delay: 8000 
    }) 

    if ($('body.partnerCharitiesDetail').length > 0){ 
    $('#slider1').anythingSlider({ 
    buildNavigation: false, 
    delay: 8000, 
    startStopped: false 
}) 
} 

Merci!

Answer 1

Utilisez la méthode hasClass() pour vérifier si un élément a un certain classe.

En outre, votre code est un peu répétitif (et pourrait même provoquer AnythingSlider courir deux fois) - Je voudrais écrire comme ceci:

$(document).ready(function() { 
    // Initialize options first 
    var options = { 
     buildNavigation: false, 
     delay: 8000 
    }; 

    // Only disable startStopped if the body has this class 
    if ($('body').hasClass('partnerCharitiesDetail')) { 
     options.startStopped = false; 
    } 

    // Show the #slideshow element and start the slideshow 
    $('#slideshow').show(); 
    $('#slider1').anythingSlider(options); 
}); 

Answer 2

if ($('body').hasClass('partnerCharitiesDetail')) { 
    ... 

Je suggère:

$("#slideshow").show(); 
var options = { 
    buildNavigation: false, 
    delay: 8000 
    }; 

if ($('body').hasClass('partnerCharitiesDetail')) { 
    options.startStopped = false; 
} 
$('#slider1').anythingSlider(options); 

Answer 3

Avez-vous regardé hasClass

On pourrait donc dire

if($("body").hasClass("partnerCharitiesDetail")) 
{ 
} 
else 
{ 
} 

Answer 4

Essayez cette

 
if($("body").isClass(".partnerCharitiesDetail")) { 
//code if body has specific class name 
} 
else { 
//code if body has no specific class name 
} 

Answer 5

Le Le comportement dépend du fonctionnement du plugin anythingSlider que vous utilisez. Si le plugin compte pour réinitialiser un certain élément alors la seconde initialisation remplacerait la précédente, mais il est plus probable que vous ne feriez que gâcher votre DOM et que vous doubliez les écouteurs d'événement.

Comme indiqué, le bon façon de vérifier si quelque chose a une classe est .hasClass ("classname").

if($("body").hasClass("partnerCharitiesDetail")) { 
} 
else { 
} 

Bien que dans ce cas précis que je venais de faire

$('#slider1').anythingSlider({ 
    buildNavigation: false, 
    delay: 8000, 
    startStopped: !($("body").hasClass("partnerCharitiesDetail")) 
}) 

et peut-être laisser un commentaire pour les futurs explorateurs.