JQuery для загрузки внешних страниц в DIV

Question

Я использую JQuery для загрузки внешних страниц index.html ссылок меню имеет функцию - О

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

Я использую функцию JQuery на каждом ребенок странице, чтобы получить данные из XML. По-видимому, вэнь я называю jquery только один раз на index.html и использую то же самое для ребенка, он работает по-разному. Когда я просто нажимаю на него, #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>