以前一直使用jquery-ui-1.8,最近打算试一下目前最新的版本1.11。但对于Tabs,页面是乱的,怎么也不正常。折腾了好几个小时,最后发现页面中使用的base元素,对Tabs有破坏性的影响。
没有想清楚具体的原因,先记下来再说吧。
到了晚上,又想起这个问题。这个问题实在讨厌,我的系统中所有页面中都使用了base元素,不解决这个冲突实在是不爽。经过几个小时的跟踪调试,终于发现的问题所在:
新版本的jquery UI中,Tabs的代码存在一处错误,注意代码片断的第22行。
_isLocal: (function() {
var rhash = /#.*$/;
return function( anchor ) {
var anchorUrl, locationUrl;
// support: IE7
// IE7 doesn't normalize the href property when set via script (#9317)
anchor = anchor.cloneNode( false );
anchorUrl = anchor.href.replace( rhash, "" );
locationUrl = location.href.replace( rhash, "" );
// decoding may throw an error if the URL isn't UTF-8 (#9518)
try {
anchorUrl = decodeURIComponent( anchorUrl );
} catch ( error ) {}
try {
locationUrl = decodeURIComponent( locationUrl );
} catch ( error ) {}
return anchor.hash.length > 1 || anchorUrl === locationUrl;//原来为&&
};
发现这个BUG很兴奋,专门注册了个账号,去jquery UI的论坛上发了个BUG报告帖子。
- 大小: 78.2 KB
分享到:
相关推荐
使用上也非常简单,在页面中载入 jquery.ui.tabs.paging.css 和 jquery.ui.tabs.paging.js 文件,在创建 tabs 对象后再执行代码激活一下插件 $tabs.tabs('paging'); 就可以了。 压缩包内带有 demo 。
jQuery UI Tabs Paging 是一个用来对太多的 Tab 进行分页显示的 jQuery 插件。 默认的 tabs 插件一旦 tab 过多就会换行,影响页面布局。jquery.ui.tabs.paging 的作用就在于不让其换行,在两头增加左右滑动的图片...
jQuery-ui-tabs 分页相关 jQuery-ui-tabs 分页相关
jQueryui_tabs_impor.rar
jquery ui tabs 切换功能实现,jquery一个好用的例子
jquery的UI的选项卡tabs插件jquery.ui.tabs.js
jquery ui tabs_jqgrid demo
JQuery UI 中文帮助文档.JQuery UI是一款针对JQuery开发的官方插件,包含一些脚本效果,非常实用,有TABS,DIALOG等。
一个JqueryUI Tabs插件的扩展 可动态添加或关闭的Tabs插件 已经添加过的Tab,再次添加时候不添加新的,而是选中原来的Tab。
jQuery UI实际上是jQuery插件,专指由jQuery官方维护的UI方向的插件 jQuery UI 与 jquery 的主要区别是: (1) jQuery是一个js库,主要提供的功能是选择器,属性修改和事件绑定等等。 (2) jQuery UI则是在jQuery的...
根据jquery官方的tabs插件而来,官方插件在页面底色是白色时,是没有问题滴~~但如果换了其他颜色,tab的边角就成了白色,这怎么能拿出手呢~~所以鄙人请公司美工MM重新整了哈tab.png。现在没有问题了,而且鼠标移上去...
jQuery UI 是一套 jQuery 的页面 UI 插件,包含很多种常用的页面空间,例如 Tabs 、拉帘效果、对话框、拖放效果、日期选择、颜色选择、数据排序、窗体大小调整等等非常多的内容。
jQuery UI Cookbook(2013.7) Adam Boduch (pdf + ePub) 出版时间:2013.7 Adam Boduch Packt 内容简介: jQuery UI is the quintessential framework for creating professional user interfaces. While jQuery ...
jquery -ui tabs addros autocomplete
jquery插件之tabs 一个短小精悍实用的jquery插件,精美的页面你也可以做到!
jquery_ui_tabs重要参考,很有用,抓紧时间下载!
Jquery改装的tabs页面,鼠标移动上去切换,可以点击链接和jquery的UI是不同的
最新官方jQuery UI插件 主流特效Demo,绝不含糊。 好东西不需要过多的言辞修饰,下了就知道! 所有效果说明: 基本的鼠标互动: 拖拽(drag and dropping)、排序(sorting)、选择(selecting)、缩放(resizing) 各种...
jquerytabs jquery选项卡 jquery tabs