2012-09-17 208 views
2

我有一個標籤,它的作品完美,但我不能把一個鏈接或一個按鈕放在對話框這個標籤,它將我發送到另一個窗口在同一個標​​籤(我在第一個窗口並點擊按鈕我想讓我打開第二個窗口)。 我也在你的論壇上閱讀過類似這樣的帖子,但我無法讓它工作。標籤鏈接在同一個標​​籤

我的代碼:

<div id="biztabs"> 

    <ul> 
     <li><a href="#tab-1">Overview</a></li> 
     <li><a href="#tab-2">Photo</a></li> 
     <li><a href="#tab-3">Video</a></li> 
    </ul> 

    <div id="tab-1"> 
    <p>Nell'anno 1969 è bastata la potenza di calcolo di due Commodore 64 per mandare con successo una navicella sulla Luna; nell'anno 2003 è necessario un Pentium 4 a 2000 Mhz per far funzionare Windows XP. Qualcosa deve essere andato storto.</p> 
    <a href="#tab-2">A INTERNAL LINK TO TAB 2</a> 
    </div> 
    <div id="tab-2"> 
    <p>Un bambino chiede al padre cosa fossero le icone,il padre risponde: "Sono immagini sacre" E il figlio:"E perchè Windows ne ha tante?" Il padre:"Perchè per farlo funzionare ci vuole un miracolo!!!"</p> 
    </div> 
    <div id="tab-3"> 
    <p>La mia stampante ogni tanto ha la carta esaurita , forse dovrei portarla da uno psicologo ?</p> 
    </div> 
</div> 

我的腳本:

<script> 
jQuery(function() { 
jQuery('#biztabs').tabs(); 
}); 
</script> 

回答

1

嘗試使用jQuery tabs方法select

HTML:

<div id="biztabs"> 
    <ul> 
     <li><a href="#tab-1">Overview</a></li> 
     <li><a href="#tab-2">Photo</a></li> 
     <li><a href="#tab-3">Video</a></li> 
    </ul> 

    <div id="tab-1"> 
     <p>Nell'anno 1969 è bastata la potenza di calcolo di due Commodore 64 
      per mandare con successo una navicella sulla Luna; nell'anno 2003 è 
      necessario un Pentium 4 a 2000 Mhz per far funzionare Windows XP. 
      Qualcosa deve essere andato storto.</p> 
     <a id="to-tab-2" href="javascript:void(0)">A INTERNAL LINK TO TAB 2</a> 
    </div> 
    <div id="tab-2"> 
     <p>Un bambino chiede al padre cosa fossero le icone,il padre risponde: 
      "Sono immagini sacre" E il figlio:"E perchè Windows ne 
      ha tante?" Il padre:"Perchè per farlo funzionare ci vuole 
      un miracolo!!!"</p> 
    </div> 
    <div id="tab-3"> 
     <p>La mia stampante ogni tanto ha la carta esaurita , forse dovrei 
      portarla da uno psicologo ?</p> 
    </div> 
</div> 

的jQuery:

$(function(){ 
    $("#biztabs").tabs(); 
    $("#to-tab-2").click(function(){ 
     $("#biztabs").tabs("select", 1); // switch to second tab 
     return false; 
    }); 
}) 
+0

這是比我想的任何廢話都更好的答案! +1 – user1477388

+0

如果你想添加一些下一個/上一個按鈕到你的jQuery UI選項卡,看看這個CSS技巧文章:http://css-tricks.com/jquery-ui-tabs-with-nextprevious/ 它包括動態地將鏈接插入到您的加載中,因此您不必每次都專門命名和綁定click事件 – tedski