0

编码有点乱,到处都是,所以请原谅我,但我急于尽快完成。现在有了那个小小的免责声明......

我被要求创建一个具有 3 层分隔的表单,您可以使用两个菜单进行导航 - 顶部的选项卡层用于导航第一级。然后侧菜单将允许用户向下导航问题字段,最后一级是问题的手风琴显示。必须以这种方式进行,我的客户固执地拒绝以另一种方式进行。它还必须完全兼容 IE6 ><

你可以在这里看到我的代码转储:jsFiddle

好吧。问题。首先,当单击顶部的选项卡时,您应该能够在我作为示例的两个选项卡之间导航,这在 jquery v.3 中有效,但现在它与另一个选项卡一起隐藏了当前选项卡。我不知道发生了什么。另一个与侧面菜单完全相同,而不是显示下一个选定的问题,它也只是隐藏它们。

我已经为此工作了很长时间,以至于我无法做出任何事情。如果有人能提供新的视角,或者至少在这里为我指明正确的方向,那就太好了。再次对我的代码状态感到抱歉,这是我第一次尝试这样的事情。

干杯!

4

1 回答 1

1

似乎tab您传递给 selectedTab 的变量会在其前面添加完整的 url。所以 #tab1例如变成http://fiddle.jshell.net/pPgzg/2/#tab1了jsfiddle。

我为 selectedTab 添加了一个快速修复,似乎可以修复它。

http://fiddle.jshell.net/pPgzg/2/


我再次检查并发现如果您使用.attr('href');而不是.prop('href');.

另一件事,我认为也是造成几个问题的原因是,您有重复的 ID。ID 必须是唯一的。现在,例如,如果您这样做$('#question1'),则不知道将打开哪个问题。

于 2012-06-08T10:06:53.373 回答