使用帶有多個選項卡的href導航以更正div？

我有多個選項卡頁面中的每個與在運行時創建不同的ID是如此使用帶有多個選項卡的href導航以更正div？

<div class="span5" id="@model.Id"> 

     <ul class="nav nav-tabs"> 
      <li class="active"><a data-toggle="tab" onclick="$('#@model.Id #review').focus();">Review</a></li> 
      <li><a data-toggle="tab" href="#@model.Id #awesomediv1">Web</a></li> 
      <li><a data-toggle="tab" href="#@model.Id #awesomediv2">Photos</a></li> 
      <li><a data-toggle="tab" href="#@model.Id #awesomediv3">Location</a></li> 
      <li><a data-toggle="tab" href="#@model.Id #awesomediv4">Map</a></li> 
     </ul> 
<div class="tabbable"> 
      <div class="tab-content"> 

       <div class="tab-pane active" id="awesomediv1"> 
        ..... 
       </div> 
...

目前當我改變任何唯一選項卡中的第一個標籤的變化選項卡。我想讓錨標籤導航到外部div的各個div。例如在jQuery的東西像$('#1 awesomediv1')給了我想要導航到正確的div。但這似乎並沒有與href。

該模型來自asp.net mvc。

來源

2013-05-21 ashutosh raina

'tabindex'屬性如何？ – user1

div是否與tabindex兼容？你能告訴我一個你想說什麼的例子嗎？ –

所有'$（'＃@ model.Id #review'）;'在做的是製作一個jQuery對象。沒有其他的。 – Jack

我解決它使用以下

function activateCorrectDiv(parent, e) { 
     $('.tab-pane').removeClass('active'); 
     $('#' + parent+ ' #' + e).addClass('active'); 
    }; 

<a data-toggle="tab" onclick="activateCorrectDiv(($(this).closest('div').attr('id')),'awesomediv1')">

當時的想法是，以確定哪些DIV需要被激活。然後使其處於活動狀態，並在此之前確保其他一切都不活躍。 active是一個css類btw。選擇器是$（＃parentid #childid），注意它們之間的空間。

這可能只是一個黑客，但它的工作原理！

來源

2013-05-21 19:06:02

使用帶有多個選項卡的href導航以更正div？

回答

相關問題