jQuery將html文件加載到<div>

Question

我想知道我怎么可以用一個HTML文件，並用它來取代內部的空間

我知道你可以用jQuery做，但由於某種原因，它不工作了我。 我有：

$(document).ready(function() {    
    $('#nav li a').click(function(){  
        var toLoad = $(this).attr('href');  
        $('#main').hide('fast',loadContent);   
        function loadContent() {  
            $('#main').load(toLoad);  
        }  
        return false; 
    });  
});  

因此，每當我單擊導航欄中的鏈接時，都應編輯#main div並調出相應的html文件來替換div。 由於某種原因，它只是空白。

Answer 1

檢查這條線

 $('#main').hide('fast',loadContent); 

它隱藏了您正在加載內容的div。 如果再次顯示該div，則可以在div上看到內容。 所以

 Change 

 $('#main').load(toLoad);

 to 

 $('#main').load(toLoad).show();

Answer 2

你可以試試這個

$(document).ready(function(){ 
    $('#nav li a').click(function(e){  
        e.preventDefault();
        var toLoad = $(this).attr('href');
        $('#main').hide('fast', function(){  
            $('#main').load(toLoad, function(){
                $('#main').show('fast');
            });  
        });
    });
});

$('#main').hide('fast',loadContent); 正在隱藏div因此需要再次顯示它，所以我使用了$('#main').show('fast'); 在加載的回調函數中。