Chciałem wiedzieć, jak mogę użyć pliku HTML i używać go, aby wymienić przestrzeń wewnątrz

Wiem, że możesz to zrobić z jQuery, ale z jakiegoś powodu nie działa dla mnie. Mam:

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

Więc za każdym razem, gdy kliknąłem link z mojego programu Navbar, powinien edytować #main div i wyświetli odpowiedni plik HTML, aby wymienić DIV. Z jakiegoś powodu po prostu pozostawia to puste.

0
wzsun 29 wrzesień 2012, 13:37

2 odpowiedzi

Najlepsza odpowiedź

Sprawdź tę linię

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

Ukrywa div, gdzie ładujesz treść. Jeśli pokażesz ponownie Div, możesz zobaczyć treść na Div. Więc

 Change 

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

 to 

 $('#main').load(toLoad).show();
0
Hearaman 29 wrzesień 2012, 10:02

Możesz spróbować tego

$(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); ukrywa div, więc musi go ponownie pokazać, więc użyłem tego $('#main').show('fast'); w funkcji zwrotnej ładowania.

0
The Alpha 29 wrzesień 2012, 10:28