jQuery ui 1.7更新小结

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了jQuery ui 1.7更新小结，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2102字，纯文字阅读大概需要4分钟。

内容图文

1. 每个ui插件现在都有自己单独的css文件，但是要根据情况与ui.theme.css ui.core.css结合使用，否则有些效果还是显示不出来的。
eg. datepicker就必须同时引用上述两个css文件；accordion 只须引入ui.theme.css即可。这个我会把每个插件独立的demo放在我的资源里边的。
2. ui.accordion
HTML 代码要遵循一定的格式要求：
代码如下:
<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>标签
3. ui.dialog
注意两点：
(1) 在ui -1.7.1 中添加了一个新的引用：jquery.bgiframe.js支持
作用：如果网页上有浮动区块和下拉选单重叠时，在IE6会看到下拉选框总是把浮动区块覆盖住，无论怎么调整 z-index 都是没用的，而用 bgiframe 就可以轻松解决这个问题。
具体参见： http://www.oschina.net/p/bgiframe
使用：
$.ui.dialog.defaults.bgiframe = true;
(2) 如果想实现dialog的拖动效果，必须添加ui.resizable.css 以及ui.resizable.js文件
4. ui.tabs
这个相对ui-1.6 尤其需要注意：
(1) HTML代码规范：
代码如下:

<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> 
 
注意： 每个tab相应的div必须放在tab生效的div内。 
(2) 不再使用 $("#example > ul").tabs(); 
直接书写为 $("#example").tabs();
            
            


           
                
                                                

内容总结

以上是互联网集市为您收集整理的jQuery ui 1.7更新小结全部内容，希望文章能够帮你解决jQuery ui 1.7更新小结所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---