jQuery來加載外部網頁中DIV

Question

我使用jquery加載index.html的菜單鏈接外部網頁上有功能 - 關於

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

我使用的每個子頁上的jQuery函數來從數據XML。顯然，我在index.html上調用jquery一次，並使用相同的孩子，它的工作方式不同。當我單擊它時，清空#container，但沒有外部文件數據。但是，當我雙擊菜單選項卡，然後我看到的數據。我真的迷失了，需要幫助才能弄清楚自己做錯了什麼。這裏 hashworld.com.au/test/test.html我已經上傳的代碼，請看看

Answer 1

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