Javascript JQuery在DIV中加载外部页面

我正在使用jquery加载index.html菜单链接中的外部页面- 关于

我在每个子页面上使用jquery函数从xml获取数据。显然，我只在index.html上调用jquery一次，并对子对象使用相同的jquery，但效果不同。当我单击它时，清空

#容器

，但不清空外部文件数据。但当我双击菜单选项卡时，我看到了数据。我真的迷路了，需要帮助来找出我做错了什么。

---

hashworld.com.au/test/test.html我在这里上传了代码，请查看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>

函数解析xml（xml）{
$（xml）.find（“规则”）.each（函数（）{
$（xml）.find（“规则”）.each（函数（）{
var规则=$（this.text（）；
$（'
'）.html（规则）.appendTo（'.content-ul'）；
});
});
}

……在这方面：

<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>

$（文档）.ready（函数（）
{
$.ajax({
键入：“获取”，
url:“xml/global_webconfig.xml”，
数据类型：“xml”，
成功：parseXml
});
函数解析xml（xml）{
$（xml）.find（“规则”）.each（函数（）{
$（xml）.find（“规则”）.each（函数（）{
var规则=$（this.text（）；
$（'
'）.html（规则）.appendTo（'.content-ul'）；
});
});
}
});

如何以及在何处调用about（）函数？你能把一些代码放在一把小提琴上吗？我们需要看更多你的代码。XML文件中有什么？菜单上的点击事件是什么？加载函数中指向html文件的路径是否正确？索引页有一个菜单链接，我已将函数定义为-function about（）{jQuery（'#container'）.load（'about.html'）；}，它在同一Index.html页的容器id中加载about.html。如果我在每个子页面上调用jquery，它可以正常工作，但如果从子页面中删除并在index.html中只调用一次，它的工作方式就不一样了。我必须点击两次才能看到结果。只有点击两次测试链接，你才能看到加载内容。请建议@user1185158-你提供的链接不在任何地方，或者无效，但是应该是：是的，我已经更新了同一个页面，现在可以正常工作了。呜呜！！但是我发现还有10个页面使用相同的xml，我不想一次又一次地加载xml。您能告诉我如何在索引页上加载一次xml脚本吗。请查看www.hashworld.com/test/test.html，因为我已经更新了页面。我正在对其他页面使用相同的xml，希望避免对所有页面反复加载xml。您可以建议如何在主页上只调用一次，而在单击菜单选项卡时加载的子页面使用相同的xml。www.hashworld.com/test/test.htmly您的初始问题已得到回答，因此您应该创建新问题。。。这样你就有更多的机会得到答案；更多的人会看到……我有许多页面在单击时加载到主页div中，所有页面都在读取相同的xml。你们能告诉我如何在主页上调用一次xml，这样我就可以在所有子页面上使用它了吗？

<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>