javascript - jQuery将html文件加载到

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');在加载的回调函数中使用了它。