如何在點擊鏈接時定位引導標籤？

我在我的主頁上有一個鏈接去編輯個人資料頁面。在編輯頁面我已經使用引導標籤像下面，如何在點擊鏈接時定位引導標籤？

<ul class="nav custom-nav"> 
    <li role="presentation" > 
    <a href="#restaurant-basic-info" aria-controls="restaurant-basic-info" role="tab" data-toggle="tab">Restaurant Info</a> 
    </li> 
    <li role="presentation"> 
    <a href="#edit-cuisine" aria-controls="edit-cuisine" role="tab" data-toggle="tab">Cuisine</a> 
    </li></ul> 
</ul>

標籤內容：

<div class="tab-content"> 
    <!-- Tab pane-1 --> 
    <div role="tabpanel" class="tab-pane" id="restaurant-basic-info"> 
    <form> 
     <div class="form-group"> 
     <label for="exampleInputEmail1">Email address</label> 
     <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Email"> 
     </div> 
     <div class="form-group"> 
     <label for="exampleInputPassword1">Password</label> 
     <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password"> 
     </div> 
     <div class="crearfix"></div> 

     <div class="form-footer"> 
     <div class="action "> 
      <input type="submit" class="btn btn-primary" value="Update"> 
      <input type="hidden" name="submitted" value="TRUE"> 
     </div> 
     </div> 
     <br> 
    </form> 
    </div> 

    ...... 

</div>

所以。現在我想打開標籤號爲restaurant-basic-info的標籤，點擊主頁上的鏈接。

可以嗎？我在這裏發現了類似的問題，但他們都沒有幫助我解決這個問題。

希望有人可以幫助我。謝謝。

來源

2015-07-20 user3733831

ID爲「restaurant-basic-info」的選項卡在哪裏？ –

@AbraarArique，更新了這個問題.. – user3733831

你有沒有嘗試在URL中傳遞'＃restaurant-basic-info'？ –

您可以通過調用該激活標籤：

$('ul.custom-nav a[href="#restaurant-basic-info"]').tab('show');

這可以在頁面加載執行。請檢查jsfiddle

來源

2015-07-20 08:03:03 marianc

你能告訴我，當點擊這個鏈接'Edit Profile'這是放在不同的頁面 – user3733831

是否可以激活標籤這個小提琴是否工作？ – user3733831

是的。激活碼位於html部分的底部，並在頁面加載時運行。 – marianc

如何在點擊鏈接時定位引導標籤？

回答

相關問題