自動加載div內的內容在jQuery地址插件書籤頁

我使用jquery.address插件來更新我的瀏覽器的地址欄，同時通過ajax加載內容。一切工作正常，除了我不知道如何自動加載event.value或event.path到我用來加載內容時，用戶試圖訪問書籤的頁面，如「domain.com/about-us」，在這種情況下，頁面加載但「關於我們」的內容不會加載到DIV中。我錯過了什麼？這是我的代碼：自動加載div內的內容在jQuery地址插件書籤頁

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>

謝謝！

來源

2013-06-02 McEnroe

$ .address.externalChange（function（event））就是你在找的東西。它將在頁面加載時捕獲路徑。

來源

2013-09-12 11:25:00 SParanagama

自動加載div內的內容在jQuery地址插件書籤頁

回答

相關問題