首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >在不同版本的IE8中,JQuery UI选项卡未正确映射到内容div

在不同版本的IE8中,JQuery UI选项卡未正确映射到内容div
EN

Stack Overflow用户
提问于 2013-03-05 00:13:17
回答 1查看 236关注 0票数 0

我有一个网页,我已经添加了JQuery用户界面标签。超文本标记语言的代码是由第三方生成的,我没有控制,但它主要是如JQuery所期望的。当在我的机器上查看页面时,它工作正常,但是客户端机器沿着顶部呈现选项卡,但所有选项卡内容都在第一个选项卡下逐个列出。所以它找到的是标签,而不是内容Div。我已经在chrome中试用过了,而且标签页工作正常。

工作于: IE 8.0.6001.19393损坏于: IE 8.0.7601.17514

更新:如前所述,我不得不在set html上工作,它需要一些调整才能呈现标签。主要是标签上的href链接开始时不正确,它们指向隐藏的锚点,即href="#profile1“,而它们应该是href="#profile_1”。

在调用tabs之前,我使用以下代码重置urls:

代码语言:javascript
代码运行次数:0
运行
复制
    var i = 1;
    $('#ProfileTOC ul li a').each(function () {
        $('#profile' + i).remove();
        $(this).attr('href', '#profile_' + i);
        i++;
    });

现在看一看Jquery代码,到目前为止,我发现唯一的区别是在创建选项卡时,它调用"islocal“,在工作的浏览器上返回true,在故障的浏览器上返回false。原因是JQuery使用完整的http作为工作选项卡锚,而损坏的浏览器只使用完全缺少http://*://的#锚url。这使得"islocal“返回为false;我认为这是map函数在做不同的事情:

代码语言:javascript
代码运行次数:0
运行
复制
    this.anchors = this.tabs.map(function() {
            return $( "a", this )[ 0 ];
        })
        .addClass( "ui-tabs-anchor" )
        .attr({
            role: "presentation",
            tabIndex: -1
        });

在此之后,一个浏览器具有每个锚的完整URL,而另一个具有相对URL。如果我删除URL更改代码,URL仍然是完整路径,但显然仍然是不正确的。

我已经破解了JQuery UI代码,删除了islocal检查和选项卡的工作,但我想知道为什么,并且可能在不破解jQuery UI代码的情况下让它工作。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-03-21 23:37:38

我已经破解了JQuery UI代码,删除了islocal检查。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/15205941

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档