|
|
eg. datepicker就必須同時(shí)引用上述兩個(gè)css文件；accordion 只須引入ui.theme.css即可。這個(gè)我會(huì)把每個(gè)插件獨(dú)立的demo放在我的資源里邊的。
2. ui.accordion
HTML 代碼要遵循一定的格式要求：
復(fù)制代碼 代碼如下:
<ul id="example">
<li>
<h3><a href="#" href="#">Test 1</a></h3>
<div><table height="100px"><tr><td>News</td></tr></table>
</div>
</li>
<li>
<h3><a href="#" href="#">Test 2</a></h3>
<div><table height="100px"><tr><td>Magazine</td></tr></table>
</div>
</li>
<li>
<h3><a href="#" href="#">Test 3</a></h3>
<div><table height="100px"><tr><td>Sport</td></tr></table>
</div>
</li>
</ul>
必須使用<h>標(biāo)簽
3. ui.dialog
注意兩點(diǎn)：
(1) 在ui -1.7.1 中添加了一個(gè)新的引用：jquery.bgiframe.js支持
作用：如果網(wǎng)頁(yè)上有浮動(dòng)區(qū)塊和下拉選單重疊時(shí)，在IE6會(huì)看到下拉選框總是把浮動(dòng)區(qū)塊覆蓋住，無(wú)論怎么調(diào)整 z-index 都是沒(méi)用的，而用 bgiframe 就可以輕松解決這個(gè)問(wèn)題。
具體參見： http://www.oschina.NET/p/bgiframe
使用：
$.ui.dialog.defaults.bgiframe = true;
(2) 如果想實(shí)現(xiàn)dialog的拖動(dòng)效果，必須添加ui.resizable.css 以及ui.resizable.js文件
4. ui.tabs
這個(gè)相對(duì)ui-1.6 尤其需要注意：
(1) HTML代碼規(guī)范：
復(fù)制代碼 代碼如下:
<div id="example">
<ul>
<li><a href="#tab-1" href="#tab-1"><span>One</span></a></li>
<li><a href="#tab-2" href="#tab-2"><span>two</span></a></li>
<li><a href="#tab-3" href="#tab-3"><span>three</span></a></li>
</ul>
<div id="tab-1">
This is jQuery tab one.
</div>
<div id="tab-2">
I'm tab two.
</div>
<div id="tab-3">
Haha, three is here.
</div>
<div id="new-tab">
This is add tab.
</div>
</div>
注意： 每個(gè)tab相應(yīng)的div必須放在tab生效的div內(nèi)。
(2) 不再使用 $("#example > ul").tabs();
直接書寫為 $("#example").tabs();
JavaScript技術(shù)：jQuery ui 1.7更新小結(jié)，轉(zhuǎn)載需保留來(lái)源！
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。
