2013-06-02 2 views
0

J'utilise jquery.address plugin pour mettre à jour la barre d'adresse de mon navigateur tout en chargeant du contenu via ajax. Tout fonctionne bien, sauf que je ne sais pas comment charger automatiquement le event.value ou event.path dans le DIV que j'utilise pour charger le contenu lorsque l'utilisateur essaie d'accéder à une page en signet comme "domain.com/about-us" , dans ce cas, la page est chargée, mais le contenu "about-us" ne se charge pas dans la DIV. Qu'est-ce que je rate? Ceci est mon code:Charger automatiquement le contenu à l'intérieur de div sur le plugin d'adresse jQuery mis en signet page

JS:

function loadURL(url) { 
    $("#content").fadeOut(600, function() { 
     $(this).load(url).fadeIn(800); 
    }); 
} 

$.address.init(function(event) { 

    $.ajax({ 
     url: event.value, 
     success: function(data){ $('#content').load(data); } 
    }); 

}).change(function(event) { 

    $('a').click(function(){ 
     loadURL($(this).attr('href')); 
    }); 

}); 

HTML:

<div id="menu"> 
     <ul> 
      <li id="menu_about"><a href="about-us.html" rel="address:/about-us">About Us</a></li> 
      <li id="menu_contact"><a href="contact.html" rel="address:/contact">Contact</a></li> 
     </ul> 
</div> 

<div class="wrapper"> 

    <div id="content"> 

    </div> 

</div> 

.htaccess:

<IfModule mod_rewrite.c> 
    RewriteEngine on 

    # Rewrite current-style URLs of the form 'index.html?url=x'. 
    RewriteCond %{REQUEST_FILENAME} !-f 
    RewriteCond %{REQUEST_FILENAME} !-d 
    RewriteRule ^(.*)$ index.html?url=$1 [L,QSA] 
</IfModule> 

Merci!

Répondre

0

$ .address.externalChange (function (event)) est ce que vous cherchez. Il va capturer le chemin sur le chargement de la page.

Questions connexes