Ich experimentierte mit dem programmatischen Ändern Tabs mit jQuery. Ich habe versucht, die Lösung von @MasterAM here zu implementieren. Allerdings zeigt die Chrome-Konsole den Fehler Uncaught TypeError: undefined is not a function
Ändern der aktiven Bootstrap 3-Registerkarte mit jQuery
Hier ist mein HTML:
<div id="click-me-div">Click Me</div>
<ul class="nav nav-tabs">
<li class="active"><a href="#fruits" data-toggle="tab">I like Fruits</a></li>
<li><a href="#veggies" data-toggle="tab">I like Veggies Too</a></li>
<li><a href="#samosas" data-toggle="tab">But Samosa's Rock</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="fruits">Apple, Kiwi, Watermellon</div>
<div class="tab-pane" id="veggies">Kale, Spinach, Pepper</div>
<div class="tab-pane" id="samosas">Awesome, Spine Tingling, Explosive</div>
</div>
Und hier ist die jQuery:
$(document).ready(function() {
$("#click-me-div").click(function() {
alert('yes, the click actually happened');
('.nav-tabs a[href="#samosas"]').tab('show');
});
});
Das gewünschte Ergebnis ist, dass, wenn ich auf „Klick mich ", sollte die aktive Registerkarte zur Registerkarte" Samosas "wechseln.
Was mache ich falsch?
doh! Danke :) –
Danke Motti! Es ist einfach und großartig .. – Gurusinghe