2

我创建了一个包含 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）吗？

4

2 回答 2

2

两种可能：

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 for Mozilla Firefox 看看会发生什么；o)

于 2010-10-27T08:51:39.760 回答
0

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

所以现在我明白了tab中Ajax的作用，加载完整的HTML页面是一个很大的错误！

谢谢托拜厄斯。

于 2010-10-27T10:14:43.057 回答