我用使用jQuery編程改變翼片的實驗活性引導3標籤。我試圖落實@MasterAM here給出的解決方案。然而,Chrome的控制檯顯示錯誤Uncaught TypeError: undefined is not a function
更改使用jQuery
這裏是我的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>
這裏是jQuery的:
$(document).ready(function() {
$("#click-me-div").click(function() {
alert('yes, the click actually happened');
('.nav-tabs a[href="#samosas"]').tab('show');
});
});
期望得到的結果是,如果我點擊「點擊我「,則活動選項卡應更改爲」samosas「選項卡。
我在做什麼錯?
doh!謝謝:) –
感謝Motti!這很簡單,很棒.. – Gurusinghe