jQuery UI选项卡可以加载新的完整HTML页面吗？

StackOverflow https://stackoverflow.com/questions/4031318

题

我创建了一个具有3个不同选项卡的index.html页面。使用功能 tabs() jQuery UI我想加载一个带有AJAX的HTML页面。每个HTML页面都使用jQuery库，因此每个页面都有此代码：

<link type="text/css" href="css/redmond/jquery-ui-1.8.5.custom.css" rel="stylesheet" /> <script type="text/javascript" src="js/jquery-1.4.3.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.5.custom.min.js"></script>

如果我单击一个选项卡，则加载页面，但页面的JavaScript函数不起作用！

那么，我可以在选项卡中加载一个新的完整的HTML页面（HTML+JS）吗？

有帮助吗？

解决方案 2

好的，问题是要了解标签的作用。使用Ajax，我可以在选项卡中加载一些内容。如果我声明 <div> 对于选项卡，Ajax将内容加载到其中 <div> 因此，我无法加载一个新的完整的HTML页面，因为加载有两个打开后DOM <html><head> ECC。

因此，现在我了解了标签中Ajax的功能，并且完整的HTML页面的负载是一个大错误！

感谢托比亚斯。

其他提示

两种可能性：

1）如果您在每个选项卡中需要jQuery-ui，则最好在将标签捕获时加载它。

2）使用以下来加载您的JavaScript文件：

$.getScript("js/jquery-ui-1.8.5.custom.min.js");
对于CSS：
$.get("css/redmond/jquery-ui-1.8.5.custom.css", function(css) {
$("head").append(""+css+"");
});

编辑：您永远不会加载带有AJAX选项卡的完整新的HTML页面 - 您仅加载现有HTML页面中包含的代码段。使用Firebug进行Mozilla Firefox查看发生了什么; o）

许可以下： CC-BY-SA 和 归因
不隶属于 StackOverflow
scroll top