Stavo sperimentando le schede che cambiano in modo programmatico con jQuery. Ho provato ad implementare la soluzione fornita da @MasterAM here. Tuttavia, la console Chrome mostra l'errore Uncaught TypeError: undefined is not a function
Modifica della scheda Bootstrap 3 attiva utilizzando jQuery
Ecco il mio 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>
Ed ecco il jQuery:
$(document).ready(function() {
$("#click-me-div").click(function() {
alert('yes, the click actually happened');
('.nav-tabs a[href="#samosas"]').tab('show');
});
});
Il risultato desiderato è che, se faccio clic su "Click Me ", la scheda attiva dovrebbe cambiare nella scheda" samosa ".
Cosa sto sbagliando?
doh! Grazie :) –
Grazie Motti! È semplice e fantastico .. – Gurusinghe