Klasse aus Listenelement entfernen und mit jquery eine Klasse zu einem anderen Listenelement hinzufügen

Ich habe eine Liste, in der ein Listenelement auf aktiv gesetzt ist. Beim Laden der Seite möchte ich, dass dieser aktiv wird und zu einem anderen Listenelement hinzugefügt wird. Ich probiere das auf einer Geige aus, aber es passiert so, wie ich es will. Was mache ich falsch? Fiddle hier: Fiddle Code:Klasse aus Listenelement entfernen und mit jquery eine Klasse zu einem anderen Listenelement hinzufügen

<ul class="nav nav-tabs"> 
<li class="active"><a data-toggle="tab" href="#home">Home</a></li> 
<li id="stock2"><a data-toggle="tab" href="#stock">Stock</a></li> 
<li>Three</li> 
<li>Four</li> 
</ul>

jquery:

var selector = '.nav li'; 
var stockv = 'stock'; 
if(stockv != ''){ 

$(selector).removeClass('active'); 
$('#stock2').addClass('active'); 
$('#stock2').addClass('area-expanded="true"'); 
});

Quelle

2016-05-13 Yohan Blake

1. Platz: Sie sollten sicher sein, jquery enthalten .. enthalten jquery fügen Sie die nächste Zeile in <head></head> oder vor </body>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>

2: y ou hat einen Syntaxfehler in letzter Zeile });};

var selector = '.nav li.active'; // add .active here 
var stockv = 'stock'; 
if(stockv !== ''){ 
    $(selector).removeClass('active'); 
    $('#stock2').addClass('active'); 
    //$('#stock2').addClass('area-expanded="true"'); 
};       //<<<<<<<<<<<<<<<<<< here

DEMO HERE

endgültige Antwort sein soll (ein anderes Register auf Bootstrap-Registerkarten klicken)

jQuery(function() { 
    jQuery('a[href="#stock"]').tab('show'); 
});

Demo Here

Quelle

2016-05-13 01:31:27

Danke, das funktioniert, In deiner Geige habe ich es in meinem geändert, aber es ändert sich nicht. Seltsame –

@YohanBlake Ich aktualisiere meine Antwort mit wie jQuery enthalten .. und jQuery in jsfiddle enthalten haben Sie Zahnradsymbol oben auf der rechten Seite in Javascript Abschnitt klicken Sie auf und wählen Sie jQuery –

@YohanBlake, um sicher zu sein jquery enthalten oder nicht .. wenn Sie einen Fehler in der Konsole erhalten sagen ($ ist nicht definiert) .. das bedeutet Jquery nicht enthalten –

Klasse aus Listenelement entfernen und mit jquery eine Klasse zu einem anderen Listenelement hinzufügen

Antwort

Verwandte Themen