JQuery UI中的Tabs与base元素冲突的BUG

àì夳堔傛蜴生んèń 2022-04-13 11:56 84阅读 0赞

以前一直使用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报告帖子。  
\[align=center\]  
\[img\]http://dl2.iteye.com/upload/attachment/0100/1185/b0edb4fb-2142-3808-8290-68485df673e1.jpg\[/img\]  
\[/align\]

发表评论取消回复

表情：

评论列表（有 0 条评论，84人围观）

还没有评论，来说两句吧...

相关阅读

相关 jQuery UI 实例 - 标签页（Tabs）

一种多面板的单内容区，每个面板与列表中的标题相关。如需了解更多有关 tabs 部件的细节，请查看 API 文档 [标签页部件（Tabs Widget）][Tabs Widg

矫情吗；*/ 2024年03月24日 17:57/ 0 赞/ 88 阅读

相关 jQuery 入门教程(41): jQuery UI Tab 示例（一）

Tab 显示多个标签页，每个标签含有一个标签头和一个Panel（显示标签的内容）。基本用法首先使用HTML定义用来作为Tab，一般使用列表（ul ,li) 来定

╰+攻爆jí腚メ/ 2024年02月17日 14:13/ 0 赞/ 92 阅读

相关 jQuery 入门教程(42): jQuery UI Tab 示例（二）

支持收缩和展开缺省情况下，标签页是展开的，可以通过设置collapsible为true使得标签页支持收缩和展开。 <table style=""> <tbo

傷城~/ 2023年10月16日 19:07/ 0 赞/ 87 阅读

相关 jQuery与$冲突问题

Jquery的$ 命名冲突在Jquery中，$ 是JQuery的别名，所有使用 $ 的地方也都可以使用JQuery来替换，如 $ ("\msg")等同于JQuery(

淡淡的烟草味﹌/ 2023年03月14日 10:49/ 0 赞/ 49 阅读

相关 Jquery ui tabs控件的使用技巧

Jquery ui tabs控件是jquery组件提供的一个标签页的控件。下面介绍一下。注意事项 1. 注意不同版本调用api可能不同

雨点打透心脏的1/2处/ 2022年09月19日 13:28/ 0 赞/ 203 阅读

相关 Mint-ui+Element-ui tab-container实现tab与滑动级联

<div class="tab-nav"> <el-radio-group v-model="radio" size="mini" @change="t

柔光的暖阳◎/ 2022年09月03日 00:23/ 0 赞/ 188 阅读

相关 jQuery与jQuery ui学习

在经过了一系列的里程碑版本，beta和RC版本的发布后，jQuery UI团队宣布发布稳定版本1.9.0，其中包含了新的widgets，对API进行了重新设计以及bug修复。

旧城等待，/ 2022年08月27日 14:56/ 0 赞/ 330 阅读

相关 jquery 的 $ 与别的库的 $ 冲突

1、$太火热，jQuery采用$作为命名空间，不免会与别的库框架或者插件相冲突。 2、jQuery版本更新太快，插件跟不上，导致不同版本对插件的支持度不一样。出于以上的原

￡神魔★判官ぃ/ 2022年05月31日 07:08/ 0 赞/ 238 阅读

相关 Uncaught Error: jQuery UI Tabs: Mismatching fragment identifier

1、错误描述 jquery-1.9.1.min.js:69 [Deprecation] Synchronous XMLHttpRequest on the main

谁践踏了优雅/ 2022年05月29日 09:58/ 0 赞/ 131 阅读

相关 JQuery UI中的Tabs与base元素冲突的BUG

　　以前一直使用jquery-ui-1.8，最近打算试一下目前最新的版本1.11。但对于Tabs，页面是乱的，怎么也不正常。折腾了好几个小时，最后发现页面中使用的base元素，

àì夳堔傛蜴生んèń/ 2022年04月13日 11:56/ 0 赞/ 84 阅读