jsGears.com 技術論壇 - AJAX, JavaScript, jQuery, 網站開發, 前端效能優化 » JavaScript 討論 » 請問大大兩個JQUery Ui Tabs ajax的問題

xvpower 發表於 2009-8-15 12:13

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

請問大大兩個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 發表於 2009-8-15 17:50

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

xvpower 發表於 2009-8-15 21:57

實做如下

[code]<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 -->[/code]

wmh 發表於 2009-8-16 00:22

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

查看完整版本: 請問大大兩個JQUery Ui Tabs ajax的問題