2009-12-23 64 views
16

我想了解如何使用jQuery地址插件來處理與ajax的深層鏈接。jquery地址你如何使用它?

但是文檔非常差,我找不到任何好的教程來解釋發生了什麼。

我認爲每個插件都有一個很好的文檔,其中包含很好的示例。

有人可以解釋或提供一些有用的鏈接解釋?

$.address.change(function(event) { 
    // do something depending on the event.value property, e.g. 
    // $('#content').load(event.value + '.xml'); 
}); 
$('a').click(function() { 
    $.address.value($(this).attr('href')); 
}); 

我的意思是,$.address.value是做什麼用的?它說「提供當前的深度鏈接價值」。它甚至意味着什麼?它對它有什麼作用?

+0

您可能希望切換到對鏈接問題 – 2013-05-22 08:21:56

回答

8

插件似乎有適度的文件,但如果你正在尋找的深度,做了同樣的事情的東西多一點,我想看看jQuery的燒烤:http://benalman.com/projects/jquery-bbq-plugin/

這是$ .PARAM實施正在被放入jQuery 1.4中,並且它的deparam實現是目前唯一讀取這種新格式的東西。另外,文檔很棒。

+0

thx的更相關答案。它看起來比jquery地址更「多」。你是否建議使用這個而不是地址? – ajsie 2009-12-24 00:09:02

+0

我絕對推薦這個jQuery地址。 – 2009-12-24 00:13:42

+0

好的,例子很棒!它不僅容易使用,它教會我如何工作......好的代碼+好的文檔=好的東西 – ajsie 2009-12-24 01:11:43

14

一個快速的問題: 使用AJAX的最大警告是URL不會改變,因此後退按鈕不起作用+鏈接不被抓取。解決方法是在URL中使用頁面部分定位符#,#。根據hashsign後面的數據,您可以使用AJAX,加載可抓取頁面組件等。

唯一的問題是,大多數瀏覽器沒有URL更改事件,因此可以加載AJAX內容實際上,插件的作用是不時監視URL,如果它改變,則根據哈希符號參數觸發事件。 所以基本上你在這裏做什麼是

$('a').click(function() { 
    **//change the after-hash-sign-params to the value of the clicked link** 
     $.address.value($(this).attr('href')); 

    }); 
    $.address.change(function(event) { 
**//define an event handler based on the params...** 
     if (event.value = 'sortbyname') 
      sortstuffbyname() 
else if (event.value ='sortbysomethingelse') 
     sortstuffbysomethingelse(); 
     // do something depending on the event.value property, e.g. 
     // $('#content').load(event.value + '.xml'); 
    }); 

我從來沒有嘗試過其他插件,但工作原理可能是相同的。

+0

好的解釋,謝謝! – 2012-12-18 18:17:35

0

我也查不到如何在其使用它來compliemnt其視差網站本網站使用jQuery地址和機會。

網址:http://www.goodstuph.org/#/home

希望這有助於以某種方式。