Ryan的blog

筆者近日因user 需求，需要將一些表格作 pixel 顯示上的區格

且在某些表格要修正資料，需要彈出對話方塊，在方塊中維護資料...

所以筆者運用了之前文章提到的 for aspx Web Form 的修正DomWindow

配合Jquery UI tabs 來做UI 的設計，

但是，將UI 配置好後，開始在測試功能時發現，

當DomWindow 執行closeDomwindow(); 後 ，

tabs 的切換功能完全失靈...

試過很多方式都宣告失敗，

再換過眾多的Jquery tabs終於發現了明燈^^

就是Jquery tools 中的 tabs

他的宣告方式跟Jquery UI的tabs 大同小異，

只有在html 配置上，有一點點不同，如下

Jquery UI: 

<div class="tabs">
            <ul >
       	        <li><a href="#tabA">A</a></li>
	        <li><a href="#tabB">B</a></li>
	        <li><a href="#tabC">C</a></li>
            </ul>
            <!-- "A Context" -->
            <div id="tabA">
            AAA
            </div>
           <!-- "B Context" -->
	        <div id="tabB">
            BBB
            </div>
            <!-- "C Context" -->
	        <div id="tabC">
            CC
            </div>
 </div>

Jquery tools tabs :

        <ul class="tabs">
       	    <li><a href="#">A</a></li>
	    <li><a href="#">B</a></li>
	    <li><a href="#">C</a></li>
        </ul>
        <!-- tab "panes" -->
       <div class="panes">
            <!-- "A Context" -->
            <div>
            AAA
            </div>
           <!-- "B Context" -->
	        <div>
            BBB
            </div>
            <!-- "C Context" -->
	        <div>
            CC
            </div>
     </div>

用了Jquery tools tabs 之後，就不再和DOMWindow打架了 ^^"