jQuery选项卡,用于选项卡和内容的单独div

我正在使用jquery选项卡没有任何问题,除了我想为列表(选项卡)和内容分别设置div。

Lorem ipsum dolor sit amet,
Lorem ipsum dolor sit amet,
Lorem ipsum dolor sit amet,

但我想要做的是将ul和内容包装在单独的div中。

 
Lorem ipsum dolor sit amet,
Lorem ipsum dolor sit amet,
Lorem ipsum dolor sit amet,

我查看了文档,但没有看到指定这个的地方。 任何帮助将不胜感激。

我刚试了一下。 您可以将内容包装到div中。 只有当你将ul包裹在div中时它才会被打破。

由于无序列表被认为是块级别,因此实际上不需要将它们包装在头部div中,除非您想在该头部区域中放置一些东西,这可能会导致js无论如何都会破坏。

不确定这是你想要的,但也许它更接近一步。

更新:

我刚刚在Firebug中打开了不起作用的示例代码(带有标题包装器div的示例代码),看看为什么样式不起作用。 jquery-ui永远不会将类添加到无序列表或列表项。 这意味着tabs模块必须查找作为主div的子节点的第一个unorded列表(而不是作为后代的第一个无序列表)。 这是有道理的,因为它会更难(我认为)它遍历每个子元素以查找它们包含的无序列表PLUS考虑任何直接子节点的无序列表,然后确定哪一个是应该进入选项卡。

但是我发现,你可以做的是将其他东西放在无序列表之上。 因此,如果您想要将您的网站名称放在标签上方,您可以这样做:

 

My Site

Lorem ipsum dolor sit amet,
Lorem ipsum dolor sit amet,
Lorem ipsum dolor sit amet,

由于它位于标签div内但在实际标签上方,因此看起来非常清晰。