0

在我的页面上，我目前正在做这样的事情：http: //jsfiddle.net/FBCSt/6/我真的不知道为什么，但在 Chrome 中我遇到了一些奇怪的问题 - 有时是 div 元素的内容未正确加载。在 IE、Safari 和 Firefox 中它可以正常工作，但正如我所说，在 Chrome 中它会造成一些麻烦。

这就是为什么我想知道，是否有更时尚的方法来做到这一点？（共有三个按钮，每一个都分配给一个 div。应该只有一个 div 可见）

我很感谢每一个答案=）

编辑：谢谢大家。这就是解决方案。它运作良好 =)

“更好的方法：jsfiddle.net/FBCSt/13 – @Mohammed ElSayed 20 分钟前”

4

5 回答 5

0

我在这个 url 上有工作解决方案：pastebin它适用于 chrome 和 FF。即使你添加 1000 id 和 page#100 它也可以工作，但它仍然不会有太多代码。谢谢。

于 2012-08-24T18:55:46.633 回答
0

就像 Abody97 说的：试试 JQuery UI 选项卡

如果您正在寻找一种“更时尚”的方式，请试试这个小提琴：http: //jsfiddle.net/NCbW6/

它不需要为每个元素添加特定的 id，因此您可以在不更改 JS 的情况下添加任意数量的元素。

于 2012-08-24T19:00:12.357 回答
0

试试这个：http: //jsfiddle.net/FBCSt/10/

于 2012-08-24T18:42:12.133 回答
0

在 IE、Safari 和 Firefox 中它可以正常工作，但正如我所说，在 Chrome 中它会造成一些麻烦。

在Google Chrome 19.0.1084下测试时，我真的没有看到问题。但无论如何，

这就是为什么我想知道，是否有更时尚的方法来做到这一点？

是的，有。由于您的标签之一是jQuery，我建议您看一下jQuery UI的选项卡。

于 2012-08-24T18:43:46.770 回答
0

为什么不使用 show() 而不是 toggle()？也许这个问题与使用切换（）有关。您可以组合要隐藏的元素：例如，

$('#page2,#page3').hide();    
$('#page1').show();

或者正如穆罕默德所说的那样，

$('#page1').show().siblings().hide();
于 2012-08-24T18:46:19.453 回答