標題: 請問大大兩個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 標題: 實做如下
<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 時間: 2009-8-16 00:22
看來是 jQuery UI 的 bug...
應該有人會遇到相似的問題，你可以在 jQuery UI 社群上面搜尋看看，或是回報這問題。
另外也可以先設計為 loading 時無法點選其他 tabs (不過這樣會不太好用)，或是另找適合的 tab ui
| 歡迎光臨 jsGears.com 技術論壇 - AJAX, JavaScript, jQuery, 網站開發, 前端效能優化 (http://jsgears.com/) |
|