contenu de chargement de problème avec jquery

Question

tout le monde Ahoy,

J'essaie de charger le contenu dans un div en utilisant this tutoriel. J'utilise jquery pour ça. Le problème est que, quand je clique sur le lien

<a href="about.html" class="panel">Profil</a> 

il charge about.html comme une page séparée. Je l'ai essayé avec plusieurs scripts, mais pour une raison quelconque, il ressemble à

$("#content").load 

ne fonctionne pas du tout! Je suis sûr que mon HTML est valide car je l'ai pris près de 1: 1 du tutoriel et seulement modifié les cibles.

heres le javascript complet;

$(document).ready(function() { 

    // Check for hash value in URL 
    var hash = window.location.hash.substr(1); 
    var href = $('#nav li a').each(function(){ 
     var href = $(this).attr('href'); 
     if(hash==href.substr(0,href.length-5)){ 
      var toLoad = hash+'.html #content'; 
      $('#container').load(toLoad) 
     } 

    $('#nav li a').click(function(){ 

    var toLoad = $(this).attr('href')+' #content'; 
    $('#container').hide('fast',loadContent); 
    $('#load').remove(); 
    $('#wrapper').append('<span id="load">LOADING...</span>'); 
    $('#load').fadeIn('normal'); 
    window.location.hash = $(this).attr('href').substr(0,$(this).attr('href').length-5); 
    function loadContent() { 
     $('#container').load(toLoad,'',showNewContent()) 
    } 
    function showNewContent() { 
     $('#container').show('normal',hideLoader()); 
    } 
    function hideLoader() { 
     $('#load').fadeOut('normal'); 
    } 
    return false; 

    }); 
}); 

Quelles pourraient être les raisons possibles de cela?

Answer 1

bien, je l'ai eu à travailler avec another script.

Answer 2

Vous devez empêcher l'action par défaut du lien:

$("a.loader").click(function(e){ 
    e.preventDefault(); 
    $("#content").load(/* Your details here */); 
}); 

Answer 3

return false. Laissez jQuery gérer arrêter l'action par défaut:

$(".panel").click(function() 
{ 
    $("#content").load(); 

    return false; 
}); 

Answer 4

bien, le problème semble être dans

$('#nav li a').click(function(){ 
    var toLoad = $(this).attr('href')+' #content'; 
    $('#content').hide('fast',loadContent); 
    $('#load').remove(); 
    $('#wrapper').append('<span id="load">LOADING...</span>'); 
    $('#load').fadeIn('normal'); 
    window.location.hash = $(this).attr('href').substr(0,$(this).attr('href').length-5); 
    function loadContent() { 
     $('#content').load(toLoad,'',showNewContent()) 
    } 
    function showNewContent() { 
     $('#content').show('normal',hideLoader()); 
    } 
    alert("Text"); 
    function hideLoader() { 
     $('#load').fadeOut('normal'); 
    } 
    alert("Text 2"); 
    return false; 
    }); 

parce que toute alerte ("texte") mis là-dedans DonT apparaissent. Est-ce que cela vous aide?

Answer 5

Oh, je pense que je vois le problème ...

A partir de cette page tutoriel. Les fichiers index.html, about.html, portfolio.html, contact.html et term.html sont tous des pages dupliquées à l'exception de la partie #content. Donc, votre about.html contient un <div id="content">, ou est-ce juste une page que vous vouliez charger dans la zone de contenu. Si c'est ce dernier, alors je changerais la « #content » à « corps », de:

var toLoad = $(this).attr('href')+' #content'; 

à

var toLoad = $(this).attr('href')+' body';