jQuery选项卡,用于选项卡和内容的单独div
我正在使用jquery选项卡没有任何问题,除了我想为列表(选项卡)和内容分别设置div。
但我想要做的是将ul和内容包装在单独的div中。
我查看了文档,但没有看到指定这个的地方。 任何帮助将不胜感激。
我刚试了一下。 您可以将内容包装到div中。 只有当你将ul包裹在div中时它才会被打破。
由于无序列表被认为是块级别,因此实际上不需要将它们包装在头部div中,除非您想在该头部区域中放置一些东西,这可能会导致js无论如何都会破坏。
不确定这是你想要的,但也许它更接近一步。
更新:
我刚刚在Firebug中打开了不起作用的示例代码(带有标题包装器div的示例代码),看看为什么样式不起作用。 jquery-ui永远不会将类添加到无序列表或列表项。 这意味着tabs模块必须查找作为主div的子节点的第一个unorded列表(而不是作为后代的第一个无序列表)。 这是有道理的,因为它会更难(我认为)它遍历每个子元素以查找它们包含的无序列表PLUS考虑任何直接子节点的无序列表,然后确定哪一个是应该进入选项卡。
但是我发现,你可以做的是将其他东西放在无序列表之上。 因此,如果您想要将您的网站名称放在标签上方,您可以这样做:
由于它位于标签div内但在实际标签上方,因此看起来非常清晰。