Som besökare på Hamsterpaj samtycker du till användandet av s.k. cookies för att förbättra din upplevelse hos oss. Jag förstår, ta bort denna ruta!
Annons

Bootstrap - dropdown med tabs?

Skapad av ThLoser, 2014-10-17 12:31 i Webbutveckling & Programmering

3 813
2 inlägg
0 poäng
ThLoser
Visningsbild
P 36 Vetlanda Hjälte 72 inlägg
0
Hejsan använder mig av css RAMVERKET bootstrap, just nu håller jag på att fixa ihop en dropdown lista som ska vara triggers till tab pluginen dom har..


Min kod ser just nu ut såhär:

Ett stycke HTML-kod:
<span class="pull-right">
<div class="dropdown">
<a data-toggle="dropdown" href="#">Välj feed ▾ </a>
<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
<li><a href="#fragbite" role="tab" data-toggle="tab">Fragbite</a></li>
<li><a href="#aftonbladet" role="tab" data-toggle="tab">Aftonbladet</a></li>
<li><a href="#expressen" role="tab" data-toggle="tab">Expressen</a></li>
<li><a href="#hltv" role="tab" data-toggle="tab">HLTV.org</a></li>

</ul>
</div>



</span>
<div class="Padding tab-content">
<div class="tab-pane active fade in" id="fragbite">Fragbite</div>
<div class="tab-pane fade" id="aftonbladet">Aftonbladet</div>
<div class="tab-pane fade" id="expressen">Expressen</div>
<div class="tab-pane fade" id="hltv">HLTV</div>

</div>



Det fungerar och så han visar tabben som han ska, men mitt problem som jag har är att när du valt en länk, så får <li> elementet en klass som heter .active och sen när jag byter länk till nästa så flyttar den inte active klassen utan den är kvar, så klickar jag på alla en gång utan att ladda om sidan så har alla klassen .active, någon som vet vad det kan bero på ?

Volbeat - Evelyn is the thing ! :D

Är reklamen ivägen? Logga in eller registrera dig så försvinner den!

ThLoser
Visningsbild
P 36 Vetlanda Hjälte 72 inlägg
Trådskapare
0
Löste det med hjälp av denna koden
Ett stycke javascript-kod:

$(".dropdown-menu > li").click(function() {
$(".dropdown-menu > li").removeClass("active");
});

Volbeat - Evelyn is the thing ! :D


Forum » Datorer & IT » Webbutveckling & Programmering » Bootstrap - dropdown med tabs?

Ansvariga ordningsvakter:

Användare som läser i den här tråden just nu

1 utloggad

Skriv ett nytt inlägg

Hej! Innan du skriver om ett potentiellt problem så vill vi påminna dig om att du faktiskt inte är ensam. Du är inte onormal och världen kommer inte att gå under, vi lovar! Så slappna av och gilla livet i några minuter - känns det fortfarande hemskt? Skriv gärna ner dina tankar och frågor, vi älskar att hjälpa just dig!

Den här tråden är äldre än Rojks drömtjej!

Det senaste inlägget i den här tråden skrevs för över tre månader sedan. Är du säker på att du vill återuppliva diskussionen? Har du något vettigt att tillföra eller passar din fråga i en ny tråd? Onödiga återupplivningar kommer att låsas så tänk efter en extra gång!

Hjälp

Det här är en hjälpruta

Här får du korta tips och förklaringar om forumet. Välj kapitel i rullningslisten här ovanför.

Rutan uppdateras automagiskt

När du använder funktioner i forumet så visas bra tips här.


Annons
Annons
Annons
Annons