我创建了一个index.html页面,它有3个不同的选项卡通过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)吗?

最佳答案

两种可能性:
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+"");
}); 

编辑:你从来没有加载一个完整的新的HTML页面与Ajax选项卡-你只加载一个代码片段,其中包括在您现有的HTML页面。使用Firebug for Mozilla Firefox查看发生了什么;o)

07-24 09:38
查看更多