jQuery에서 div 내 콘텐츠 자동로드 주소 플러그인 북마크 페이지

Question

ajax를 통해 콘텐츠를로드하는 동안 jquery.address 플러그인을 사용하여 브라우저의 주소 표시 줄을 업데이트하고 있습니다. 사용자가 "domain.com/about-us"와 같은 북마크 된 페이지에 액세스하려고 할 때 콘텐츠를로드하는 데 사용하는 DIV에 event.value 또는 event.path를 자동으로로드하는 방법을 모르는 것을 제외하고는 모든 것이 올바르게 작동합니다. ,이 경우 페이지가로드되지만 "about-us"콘텐츠가 DIV에로드되지 않습니다. 내가 뭘 놓치고 있니?

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> 

감사합니다!

Answer 1

$ .address.externalChange (function (event))는 찾고있는 것입니다. 페이지로드시 경로를 캡처합니다.