JQuery在DIV中加载外部页面

时间:2012-02-02 13:28:34

标签: javascript jquery

我使用jquery在index.html中加载外部页面菜单链接有功能 - 约

function about() {jQuery('#container').load('about.html');}

我在每个子页面上使用jquery函数来从xml获取数据。显然,我只是在index.html上调用jquery一次,并且对于child使用它,它的工作方式不同。当我单击它时清空#container但没有外部文件数据。但是,当我双击菜单选项卡,然后我看到数据。我真的很迷茫,需要帮助才能弄明白我做错了。 hashworld.com.au/test/test.html我在这里上传了代码,请看看

1 个答案:

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