用户注册



邮箱:

密码:

用户登录


邮箱:

密码:
记住登录一个月忘记密码?

发表随想


还能输入:200字
云代码 - javascript代码库

jquery address插件 api 留着备用

2012-12-28 作者: 许委举报

[javascript]代码库

历史导航和刷新问题是使用Ajax中的一个软肋,但可以用JavaScript来弥补这个问题。jquery history plugin是jquery的一款历史刷新插件,但它有时候会出现一些Bug,如回上一页时会不流畅。
    而今天要推荐的的插件是jQuery Address,它是另一款jquery插件,可以完美地实现历史导航与刷新问题,另外还有针对Flash导航的SWFAddress。你可以查看它的文档与API,来详细了解它的用法。
jQuery Address使用很简单,最基础的使用方法如下:
$.address.change(function(event) { // 根据event.value的值执行相应的命令 // $('#content').load(event.value + '.xml'); }); $('a').click(function() { // 下面这条命令触发$.address.change事件 $.address.value($(this).attr('href')); });
此插件也提供了一个可以直接使用的方法:
$('a').address();
上面这条命令也可以增加一个函数,来处理链接的值,如下:
$('a').address(function() { return $(this).attr('href').replace(/^#/, ''); });
默认下,此插件会自动给属性rel值为以下格式的链接增加功能:
<a href="/deep-link" rel="address:/deep-link">Deep link</a>
下面是jQuery Address的API参考文档:
Events(事件)
$.address.change(fn)
返回:jQuery Address对象
当地址改变时会执行所绑定的函数(fn),此函数会接收一个事件对象做为参数,该事件对象包含有以下属性:value,path,pathNames,parameterNames,parameters和queryString。
$.address.init(fn)
返回:jQuery Address对象
当插件初始化时会执行所绑定的函数(fn),此函数只能执行一次,它会接收一个事件对象做为参数,该事件对象包含有以下属性:value,path,pathNames,parameterNames,parameters和queryString。
$.address.internalChange(fn)
返回:jQuery Address对象
当改变地址的行为来源于页面时,如点击页面中的一个链接,会执行所绑定的函数(fn),此函数会接收一个事件对象做为参数,该事件对象包含有以下属性:value,path,pathNames,parameterNames,parameters和queryString。
$.address.externalChange(fn)
返回:jQuery Address对象
当改变地址的行为来源于浏览器时,如点击浏览器的前进与后退按钮,会执行所绑定的函数(fn),此函数会接收一个事件对象做为参数,该事件对象包含有以下属性:value,path,pathNames,parameterNames,parameters和queryString。
Functions(函数)
address(fn)
返回:jQuery对象
为DOM元素增加本插件的功能,同时会取消DOM元素的默认行为。支持链接和表单,可以根据传入的参数值进行自定义。


网友评论    (发表评论)


发表评论:

评论须知:

  • 1、评论每次加2分,每天上限为30;
  • 2、请文明用语,共同创建干净的技术交流环境;
  • 3、若被发现提交非法信息,评论将会被删除,并且给予扣分处理,严重者给予封号处理;
  • 4、请勿发布广告信息或其他无关评论,否则将会删除评论并扣分,严重者给予封号处理。


扫码下载

加载中,请稍后...

输入口令后可复制整站源码

加载中,请稍后...