文章/答案/技术大牛

发布

问IE6显示隐藏div
EN

Stack Overflow用户

提问于 2011-12-26 21:42:58

回答 1查看 539关注 0票数 0

我有五个链接呈现在页面上，代表页面的导航头，我也有5个div呈现在同一个页面上。这会将页面的内容锁在一起。标题中的每个链接都与一个包含内容的div相关。单击链接时，使用jQuery函数.show()显示一个div，使用jQuery函数.hide()隐藏所有其他div。

问题是当在IE 6浏览器中打开页面时，在链接上单击2或3次后，页面被错误地呈现。带有内容的Div是混合的。

我试着缓慢地点击链接，但问题仍然存在，所以这并不是因为IE6的处理速度慢。

导致此问题的原因是什么？对此有什么解决方案吗？有没有人遇到过类似的问题？

非常感谢。

jquery

internet-explorer-6

回答 1

Stack Overflow用户

回答已采纳

发布于 2011-12-26 22:29:30

不要为此使用切换，因为您也可以保持状态(已单击|未单击)，只需使用简单的单击方法即可显示内容并隐藏兄弟项

为您提供的解决方案http://jsfiddle.net/48LEq/

HTML：

<ul id="mymenu">
    <li><a href="#" rel="content1">item 1</a></li>
    <li><a href="#" rel="content2">item 2</a></li>
    <li><a href="#" rel="content3">item 3</a></li>
    <li><a href="#" rel="content4">item 4</a></li>
    <li><a href="#" rel="content5">item 5</a></li>
</ul>

<div id="content1" class="content">content 1</div>
<div id="content2" class="content">content 2</div>
<div id="content3" class="content">content 3</div>
<div id="content4" class="content">content 4</div>
<div id="content5" class="content">content 5</div>

CSS

.content {display:none;}

// Once the DOM is ready
$(function() {
    // load first content
    $(".content:first").show();
    // bind the click method                
    $("#mymenu a").click(
        function() {
            var content = "#" + $(this).attr("rel");
            $(content).siblings(".content").hide();
            $(content).show();
        }
    );
});

票数 1

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

原文链接：

https://stackoverflow.com/questions/8636307

复制

相似问题

问IE6显示隐藏div
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问IE6显示隐藏divEN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问IE6显示隐藏div
EN