我使用jquery在index.html中加载外部页面菜单链接有功能 - 约
function about() {jQuery('#container').load('about.html');}
我在每个子页面上使用jquery函数来从xml获取数据。显然,我只是在index.html上调用jquery一次,并且对于child使用它,它的工作方式不同。当我单击它时清空#container
但没有外部文件数据。但是,当我双击菜单选项卡,然后我看到数据。我真的很迷茫,需要帮助才能弄明白我做错了。
hashworld.com.au/test/test.html我在这里上传了代码,请看看
答案 0 :(得分:0)
在rules.html中尝试更改此内容:
<script src="js/xmlConfig.js"></script>
<script>
function parseXml(xml){
$(xml).find("rules").each(function(){
$(xml).find("rule").each(function(){
var rule = $(this).text();
$('<li></li>').html(rule).appendTo('.content ul');
});
});
}
</script>
......进入这个:
<script>
$(document).ready(function()
{
$.ajax({
type: "GET",
url: "xml/global_webconfig.xml",
dataType: "xml",
success: parseXml
});
function parseXml(xml){
$(xml).find("rules").each(function(){
$(xml).find("rule").each(function(){
var rule = $(this).text();
$('<li></li>').html(rule).appendTo('.content ul');
});
});
}
});
</script>