jQuery加载后jquery ui丢失了

Question

我在.load（）函数之后丢失了jQuery的问题。 我有一个使用jQuery UI构建的元素。问题是当我从这样的单独页面加载它时：

$("#mydiv").load("getgroup.php?group=" + selectedGroup).html();

getgroup.php会生成类似这样的内容，具体取决于GET参数：

<select>
 <option>something</option>
 <option>something</option>
</select>

当使用load（）（或post，ajax，get）加载它时，元素返回未格式化...我已尝试在getgroup.php文件中包含jquery和jquery-ui插件但没有运气... < / p>

谢谢

Answer 1

如果我的理解是正确的并且插入元素但没有CSS，则可能需要在加载元素后运行.addClass以在元素存在后应用所选的CSS类。但是，如果在CSS中，您具有预定义元素类型的默认值，例如select{color:#000000;width:...这些也应自动加载。

根据下面的评论 - 如果您正在查看仍然与AJAX / load（）调用注入的内容相关的预定义处理程序，则可以使用.live（）方法：

http://api.jquery.com/live/

Answer 2

问题是，你的jquery代码不会在动态加载的元素上自动执行。

你应该做的是，把你所有的jquery ui代码放在一个函数中。例如，假设你想在新加载的提交元素上调用button() jQuery UI函数：

function launchUiWidgets(target) {
  $(target).find('input:submit').button();
}

然后，当您加载新元素时，将此函数用作成功回调 - 将其作为参数提供{...}以避免重新运行所有DOM上的代码。假设您正在target id“容器”中加载数据：

div