2010-06-15 78 views
0

我有一些標籤,加載ajax內容。當我點擊這些標籤時,它完全加載了ajax內容,沒有任何問題與Jqueryui演示中的完全一樣。jquery點擊功能不會加載ajax標籤

但是,當我嘗試使用onclick函數更改選項卡時,它會打開選​​項卡,但不會執行ajax。這是一個已知的問題嗎? ajax選項卡是否依靠用戶單擊href來知道要加載的內容。

這是代碼:使用點擊功能時

$("#signuptabs").tabs(); 

<div id="signuptabs"> 
    <ul> 
     <li><a href="type.php"><span>type</span></a></li> 
     <li><a href="umber.php"><span>CNumber</span></a></li> 
     <li><a href="vices.php"><span>s</span></a></li> 
     <li><a href="ups.php"><span>ups</span></a></li> 
    <li><a href="ext.php"><span>ext</span></a></li> 
     <li><a href="enu.php"><span>IMenu</span></a></li> 
     <li><a href="info.php"><span> Information</span></a></li> 
    </ul> 

</div> 


$(".step2next").click(function() $('#signuptabs').tabs("select" , 1)); 

它不會加載外部內容。

+0

你在那裏的語法是無效的,但我懷疑這是實際的問題。你能用你正在使用的代碼更新問題嗎? – artlung 2010-06-15 21:51:19

+0

我已經用代碼更新了問題 – user342391 2010-06-15 22:22:14

回答

0

Jquery UI選項卡在鏈接Href和div id之間有關係,用於標識每個選項卡的內容......如果使用Jquery UI提供的常規代碼,則需要保持該關係活着!

<div id="tabs"> 
    <ul> 
    <li><a href="#tabs-1">TAB 01</a></li> 
    <li><a href="#tabs-2">TAB 02</a></li> 
    <li><a href="#tabs-3">TAB 03</a></li> 
    </ul> 
    <div id="tabs-1"> 
    <p>Content for Tab 01 because this Div id is equal to Href content of TAB 01 description</p> 
    </div> 
    <div id="tabs-2"> 
    <p>Content for Tab 02 because this Div id is equal to Href content of TAB 03 description</p> 
    </div> 
    <div id="tabs-3"> 
    <p>Content for Tab 03 because this Div id is equal to Href content of TAB 03 description</p> 
    </div> 
</div> 

如果您改變了「標準」方式,您需要提供更多的代碼!

對於Ajax內容,使用上述斯科爾,內容加載到合適的DIV ID ...

PS:這都是有效的,如果我理解正確你的問題!

0

我不是太熟悉的UI選項卡,但不是在步驟2中的點擊指定的標籤功能,你可以嘗試觸發標籤本身的點擊,例如...

$(".step2next").bind('click',function(){ 
    $("#tab_id").trigger('click'); 
}); 

只需將「#tab_id」實際所在的選項卡放入即可。