jQuery UI 选项卡丢失 css 和脚本答案

【问题标题】：jQuery UI Tabs loses css and scriptsjQuery UI 选项卡丢失 css 和脚本
【发布时间】：2012-02-23 18:54:25
【问题描述】：

jQuery UI Tabs 有问题。我想要做的是，每次用户单击选项卡时，我都会使用 jQuery.load() 函数通过 Ajax 加载选项卡的内容。我遇到的问题是，在调用 $().load() 之后，我丢失了之前属于 DOM 的所有 css 和 javascript（是的，我使用 .live）。所以我有这样的事情：

$("selector").live("mouseup", function(){

    $("tab_id").load("path #tab_id");

});

所以，通常上面的代码应该将我的标签 #tab_id 的内容加载到我的标签的 DIV 中，它确实如此，我遇到的唯一问题是我丢失了所有样式和 javascript之前页面的特定部分。知道如何解决这个问题吗？

谢谢

编辑：这是我试图谈论here 的问题的说明。如您所见，最初我的 Div #content 的内容是绿色的（如样式表中所指定，但在我使用 Ajax 加载它之后（通过单击选项卡 1 或选项卡 2 或选项卡 3，我失去了 css（我的段落不再是绿色）

【问题讨论】：

标签： jquery-ui dom jquery jquery-ui-tabs

【解决方案1】：

如果没有标记，很难知道为什么会丢失样式，但我认为您正在实现的功能是 built into jquery ui already。

【讨论】：

我在 chrome 或 IE 中没有遇到相同的行为

【解决方案2】：

样式可能与内容的原始上下文相关联。但就像威胁说的那样，如果没有标记/css，就很难知道。 JSFiddle 可以帮助我们很多。

我假设 CSS 是这样的

#tab-container .tab-item { style };

然后，当您将选项卡内容移动到您的 div 时，它不再具有 CSS 正常工作的原始上下文。

然后我会添加适当的 CSS 标记

#tab-container .tab-item, #content-container .tab-item { style };

【讨论】：