在选项卡内容 jquery ui 上丢失样式和 javascript
我有这里问题。当我在选项卡中加载 div 的内容时，我会丢失与该内容关联的样式。正如您所看到的，最初，我的 #content div 内的段落是绿色的，但是在我通过单击选项卡 1 或选项卡 2 或选项卡 3 加载新内容后，我丢失了我在样式表中定义的样式：
#content p
{
color: green;
}
任何知道为什么会发生这种情况吗？
I have this problem here. When I load the content of a div inside my tab, I lose the styles that was associated with that content. As you can see, initially, the paragraph inside my #content div is green, but after I load new content by clicking on Tab 1 or Tab 2 or Tab 3, I lose the styles that I have defined in my stylesheet saying that:
#content p
{
color: green;
}
Any idea why this is happening?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
这是因为
选项卡不包含在#content中，并且只有
#content p应该是绿色的This is because the
Tabsare not contained within#contentAnd only
#content pshould be green在小提琴示例中，#content p 的 css 选择器不适用于选项卡内的内容，因此选项卡没有该样式。制定一个 CSS 规则，应用于您想要设置样式的选项卡中的内容。使用 Chrome 开发者工具 (F12) 或 Firefox Firebug 插件检查您想要设置样式的项目。
In the fiddle example, the css selector for #content p doesn't apply to the content inside the tabs, so the tabs don't have that style. Make a css rule that applies to the content within the tabs that you want to style. Use Chrome developer tool (F12) or Firefox Firebug plugin to inspect the items to you want to style.