javascript - jQuery UI Tabs 可以加载新的完整 HTML 页面吗？

Question

我创建了一个包含 3 个不同选项卡的 index.html 页面。使用 jQuery UI 的函数 tabs() 我想用 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) 吗？

Answer 1

两种可能性:

1) 如果你需要在每个选项卡中使用 jquery-ui，最好在初始化你的选项卡时加载它。

2) 使用以下方式加载您的 javascript 文件:

$.getScript("js/jquery-ui-1.8.5.custom.min.js");

对于 CSS: <pre>$.get("css/redmond/jquery-ui-1.8.5.custom.css", function(css) { $("head").append(""+css+""); }); </pre>

编辑:您永远不会加载带有 ajax 选项卡的完整新 html 页面 - 您只加载包含在现有 html 页面中的代码片段。使用 Firebug for Mozilla Firefox 看看会发生什么 ;o)