【问题标题】:jquery address how do you use it?jquery地址你是怎么用的?
【发布时间】:2010-12-29 16:24:56
【问题描述】:

我正在尝试了解如何使用 jQuery 地址插件来处理与 ajax 的深度链接。

但是文档很差,我找不到任何好的教程来解释发生了什么。

我认为一个好的文档和好的例子对于每个插件都很重要。

有人可以解释或提供一些有用的解释链接吗?

$.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 是做什么的?它说“提供当前的深度链接值”。它甚至意味着什么?它有什么用?

【问题讨论】:

  • 您可能希望切换到对该问题更相关的答案

标签: jquery ajax deep-linking jquery-address


【解决方案1】:

简单地说: 使用 AJAX 的最大警告是 URL 没有改变,因此后退按钮不起作用 + 链接不会被抓取。解决方法是使用 URL 中的页面部分锚点,即 # 符号。根据哈希符号后的数据,您可以使用 AJAX、加载可抓取的页面部分等。

唯一的问题是大多数浏览器没有 URL 更改事件,基于该事件,可以加载 AJAX 内容,所以实际上插件所做的是不时监视 URL,如果它更改后,根据 tha after-hash-sign-parameters 触发事件。 所以基本上你在这里做的是

    $('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');  
    });  

我从未尝试过其他插件,但工作原理可能相同。

【讨论】:

    【解决方案2】:

    该插件似乎有适度的文档,但如果您正在寻找更深入的东西来做同样的事情,我会查看 jQuery BBQ:http://benalman.com/projects/jquery-bbq-plugin/

    它的 $.param 实现正在被放入 jQuery 1.4 中,它的 deparam 实现是目前唯一读取这种新格式的东西。此外,文档很棒。

    【讨论】:

    • 感谢链接。它看起来比 jquery 地址更“多”。你建议用这个代替地址吗?
    • 我绝对推荐这个而不是jquery地址。
    • 好的,例子很棒!它不仅易于使用,还教会了我它是如何工作的……好的代码 + 好的文档 = 好东西
    • 只有一件事我不太明白,缓存在做什么? if ( 缓存[ url ] ) {...}
    【解决方案3】:

    找到了这个在线教程,我认为这对我们了解如何使用 jQuery Address 很有帮助。那里也提供了代码示例。值得一看。

    http://www.thetutorialblog.com/jquery/deep-linking-with-jquery/

    【讨论】:

      【解决方案4】:

      我还在这个网站上找到如何使用 Jquery 地址和机会,该网站使用它来完善他们的视差网站。

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

      希望能有所帮助。

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2011-12-12
        • 2011-04-26
        • 2010-09-11
        • 1970-01-01
        • 2014-04-02
        相关资源
        最近更新 更多