[英]Changing tab on button click
我有此代碼用於實施網站的標簽
<span style=" float: left; width: 131px; padding: 8px 0px 8px 0px;color: #fff; font-size: 20px;background: none; text-align: left; margin: 0% 0% 0% 9%;" > 6 more steps :</span>
<input type="radio" name="sky-tabs" checked="" id="sky-tab1" class="sky-tab-content-1">
<label for="sky-tab1"><span><span> <i class="fa fa-angle-double-right"></i> Travel Data
</span></span></label>
<input type="radio" name="sky-tabs" id="sky-tab2" class="sky-tab-content-2">
<label for="sky-tab2"><span><span> <i class="fa fa-angle-double-right"></i> Hotels
</span></span></label>
<input type="radio" name="sky-tabs" id="sky-tab3" class="sky-tab-content-3">
<label for="sky-tab3"><span><span> <i class="fa fa-angle-double-right"></i> Activities
</span></span></label>
<input type="radio" name="sky-tabs" id="sky-tab4" class="sky-tab-content-4">
<label for="sky-tab4"><span><span> <i class="fa fa-angle-double-right"></i> Transfers
</span></span></label>
<input type="radio" name="sky-tabs" id="sky-tab5" class="sky-tab-content-5">
<label for="sky-tab5"><span><span> <i class="fa fa-angle-double-right"></i> Summary
</span></span></label>
<input type="radio" name="sky-tabs" id="sky-tab6" class="sky-tab-content-6">
<label for="sky-tab6"><span><span> Payment
</span></span></label>
然后,在本節的其余部分中,我需要每個選項卡的信息。 我在每個標簽中都有這樣的按鈕-
<div class="total_price_list_ft">
<a href="#">Proceed to Activities <i class="fa fa-long-arrow-right"></i></a>
</div>
<div class="total_price_list_ft_rt">
<a href="#"> <i class="fa fa-long-arrow-left"></i> Back to Travel Data</a>
</div>
我如何在單擊按鈕時實現選項卡更改功能?
請指導。
您可以通過用戶jquery標簽檢查以下網址
您可以使用onclick
事件
href="javascript:void(0)" onclick = "$('#sky-tab2').click();
其中sky-tab1,2,3,..是ID。
您可以編寫JQuery函數
$('input[name=sky-tabs]).click(function{
#Write the code specfic to the tab here
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.