2011-07-04 43 views
0

標籤頁我正在使用jQuery的標籤控件:如何顯示在特定事業部

http://jqueryui.com/demos/tabs/#ajax 

我的設計是:

<div class="container2"> 
    <!-- review tabs --> 
    <div id="tab1"> 
    <ul> 
     <li id="tf1"><a href="../LoadUserControl.aspx?ucid=1" title="tabs-1">Reviews</a></li> 
     <li id="tf2"><a href="../LoadUserControl.aspx?ucid=2" title="tabs-1">Apps of the Week</a></li> 
     <li id="tf3"><a href="../LoadUserControl.aspx?ucid=3" title="tabs-1">Videos</a></li> 
     <li id="tf4"><a href="../LoadUserControl.aspx?ucid=4" title="tabs-1">Photos</a></li> 
    </ul> 

    <!-- its showing content of tab here --> 
</div> 

<!-- I want to show content of tab page here --> 

它通過下面的「</ul>」裏的,我需要的是默認打開標籤頁標籤頁顯示出 「</ul>'s」 父DIV的

的jQuery我使用:

$(function() { 
    $("#tab1").tabs({ 
     ajaxOptions: { 
      error: function (xhr, status, index, anchor) { 
       $(anchor.hash).html(
            "Couldn't load this tab. We'll try to fix this as soon as possible. " + 
            "If this wouldn't be a demo."); 
      } 
     } 
    }); 
}); 

回答

0

我曾經有過同樣的問題。不幸的是,這是標籤小部件結構。你不能以一種乾淨的方式來改變它。你唯一能做的就是每次移動內容.append(),但這是一個骯髒的舉動。

希望能有所幫助。乾杯

+0

我試圖用「.append()」,但它只是複製空白格。你可以plez給我一個示例代碼 –

0

我不完全確定這一點,因爲我無法測試它,但你可以試試看。在本文檔中,我看到:

需要注意的是,如果你想重用現有 容器,你可以通過 這樣做匹配title屬性和 容器的id:

  • ...
  • 並像一個容器:

    ...

    (注意如何空格替換 下劃線)

    所以,你可以這樣做:

    <li id="tf1"><a href="../LoadUserControl.aspx?ucid=1" title="tabs-new">Reviews</a></li> 
          <li id="tf2"><a href="../LoadUserControl.aspx?ucid=2" title="tabs-new">Apps of the Week</a></li> 
          <li id="tf3"><a href="../LoadUserControl.aspx?ucid=3" title="tabs-new">Videos</a></li> 
          <li id="tf4"><a href="../LoadUserControl.aspx?ucid=4" title="tabs-new">Photos</a></li> 
    </ul> 
    

    ,然後創建一個ID =「的標籤,新的」您希望把內容股利。

    但正如我所說的,我從來沒有試過這種

    +0

    我也讀過這個Jquery的網站,但它不工作 –