J'ai ajouté les onglets de navigation de Bootstrap à mon projet. J'ai pu ajouter une logique qui ajoute l'ID de l'onglet actuel à l'URL.
Maintenant, j'aimerais que mon JS active l'onglet lors du chargement de la page, en fonction de l'ID fourni par le paramètre/hash d'URL.
Le problème que je reçois maintenant, c'est juste la dernière condition si.
$(document).ready(function() {
var url = window.location.href;
if ("url:contains('features#standard-features')") {
$(".features_tab_nav .feat_nav_item0 a").attr("class", "nav-link cvxcvxc active");
$(".features_tab_nav .feat_nav_item1 a , .features_tab_nav .feat_nav_item2 a , .features_tab_nav .feat_nav_item3 a").removeClass("active");
}
if ("url:contains('features#optional-design-features-accesories')") {
$(".features_tab_nav .feat_nav_item1 a").attr("class", "nav-link cvxcvxc active");
$(".features_tab_nav .feat_nav_item0 a , .features_tab_nav .feat_nav_item2 a , .features_tab_nav .feat_nav_item3 a").removeClass("active");
}
if ("url:contains('features#benefits-of-steel-structures')") {
$(".features_tab_nav .feat_nav_item2 a").attr("class", "nav-link cvxcvxc active");
$(".features_tab_nav .feat_nav_item0 a , .features_tab_nav .feat_nav_item1 a , .features_tab_nav .feat_nav_item3 a").removeClass("active");
}
if ("url:contains('features#optional-roof-and-wall-panels')") {
$(".features_tab_nav .feat_nav_item3 a").attr("class", "nav-link cvxcvxc active");
$(".features_tab_nav .feat_nav_item0 a , .features_tab_nav .feat_nav_item1 a , .features_tab_nav .feat_nav_item2 a").removeClass("active");
}
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
si vous déclarez var url au début, alors pourquoi utilisez-vous la chaîne "url:contains('')" ??
essaye ça :
if(url.indexOf("features#standard-features") > -1){
// your code
}
Cet article est collecté sur Internet, veuillez indiquer la source lors de la réimpression.
En cas d'infraction, veuillez [email protected] Supprimer.
laisse moi dire quelques mots