請問大大兩個JQUery Ui Tabs ajax的問題

xvpower

請問大大兩個JQUery Ui Tabs ajax的問題
情況是這樣的:
我有三個頁籤(我用A表示頁籤1，B表示2,C表示3)!點選後分別用Ajax讀入資料!
點第A頁籤還沒load完時，去點B頁籤!
這時後會發生2個問題!
1 等B跑完時頁籤會選在A Tab上
2 我再點B頁籤的時後，顯示的資料會是A的資料+B的資料如下

A  B  C

A網頁資料
xxxxxxxxxxxxxxxxxxxxxxxxxxx

B網頁資料
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

要如何解決以上問題呢??感謝大大

wmh

應該跟你的實做方式有關，你有範例嗎？

xvpower

<script language="JavaScript" src="$CHTTP/include/jquery/jquery-1.3.2.js"></script>
<script language="JavaScript" src="$CHTTP/include/jquery/jquery_ui/jquery-ui-1.7.2.js"></script>
<link rel=STYLESHEET href="$CHTTP/include/jquery/jquery_ui/development-bundle/themes/base/ui.all.css" type="text/css">

<script type="text/javascript">
jQuery(function() {                
        var selectIndex = 0 
        
        var tabObj = jQuery("#tabs").tabs({ 
                fx: [{opacity: 'toggle'}, { height: 'show' }],
                spinner: '<img src="/include/images/ajax_loading.gif">'
                        });
});
</script>


<div>

        <div id="tabs">
                <ul>
                        <li><a href="https://www.loc.net:8443/tm71/biz/km" title="tabs1"><span>Nunc tincidunt</span></a></li>
                        <li><a href="https://www.loc.net:8443/tm71/biz/doc_base" title="tabs2"><span>Proin dolor</span></a></li>
                        <li><a href="https://www.loc.net:8443/tm71/biz/proj" title="tabs3"><span>Aenean lacinia</span></a></li>
                </ul>
                <div id="tabs1">
                </div>
                <div id="tabs2">                
                </div>
                <div id="tabs3">                
                </div>
</div>

</div><!-- End demo -->

wmh

看來是 jQuery UI 的 bug...
應該有人會遇到相似的問題，你可以在 jQuery UI 社群上面搜尋看看，或是回報這問題。
另外也可以先設計為 loading 時無法點選其他 tabs (不過這樣會不太好用)，或是另找適合的 tab ui