jQueryui1.7更新小结
更新 小结
2023-06-13 09:14:12 时间
1.每个ui插件现在都有自己单独的css文件,但是要根据情况与ui.theme.cssui.core.css结合使用,否则有些效果还是显示不出来的。
eg.datepicker就必须同时引用上述两个css文件;accordion只须引入ui.theme.css即可。这个我会把每个插件独立的demo放在我的资源里边的。
2.ui.accordion
HTML代码要遵循一定的格式要求:
复制代码代码如下:
eg.datepicker就必须同时引用上述两个css文件;accordion只须引入ui.theme.css即可。这个我会把每个插件独立的demo放在我的资源里边的。
2.ui.accordion
HTML代码要遵循一定的格式要求:
<ulid="example">
<li>
<h3><ahref="#"href="#">Test1</a></h3>
<div><tableheight="100px"><tr><td>News</td></tr></table>
</div>
</li>
<li>
<h3><ahref="#"href="#">Test2</a></h3>
<div><tableheight="100px"><tr><td>Magazine</td></tr></table>
</div>
</li>
<li>
<h3><ahref="#"href="#">Test3</a></h3>
<div><tableheight="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代码规范:
<divid="example">
<ul>
<li><ahref="#tab-1"href="#tab-1"><span>One</span></a></li>
<li><ahref="#tab-2"href="#tab-2"><span>two</span></a></li>
<li><ahref="#tab-3"href="#tab-3"><span>three</span></a></li>
</ul>
<divid="tab-1">
ThisisjQuerytabone.
</div>
<divid="tab-2">
I"mtabtwo.
</div>
<divid="tab-3">
Haha,threeishere.
</div>
<divid="new-tab">
Thisisaddtab.
</div>
</div>
注意:每个tab相应的div必须放在tab生效的div内。
(2)不再使用$("#example>ul").tabs();
直接书写为$("#example").tabs();
相关文章
- react源码分析--组件的创建和更新
- React源码学习入门(十一)React组件更新流程详解
- 技术更新太快学不动?十场硬核技术分享助你抓住本源
- 微软承认一月更新导致部分Win10设备出现激活失败问题
- 如何加速Oracle更新速度(oracle更新慢)
- PHPMSSQL数据更新实战(php mssql 更新)
- MSSQL远程更新数据:轻松实现跨平台数据同步(mssql远程更新数据)
- 更新MySQL存储过程中的数据(mysql存储过程update)
- Redis集合强力升级更新元素完美实现(redis集合更新元素)
- 自动更新如何使用Redis实现实时自动缓存更新(redis缓存怎么实时)
- 页面间隔半秒钟更新时间Asp.net使用Comet开发http长连接示例分享