Question

我在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加载它之后（通过单击Tab 1或Tab 2或Tab 3，我丢失了CSS （我的段落不再是绿色）

Answer 1

如果没有标记就很难知道你丢失样式的原因，但我认为你实现的功能是built into jquery ui already。

Answer 2

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

我假设CSS就像这样

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

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

然后我会添加正确的CSS标记

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

jQuery UI Tabs丢失了css和脚本

2 个答案: