当前位置:  编程技术>WEB前端

如何让浏览器支持jquery ajax load 前进、后退功能

    来源: 互联网  发布时间:2014-08-25

    本文导语:  一般在做 ajax load 的时候,很多人都不会考虑到需要浏览器支持前进后退功能,因为大部分人都不知道可以实现。 最近遇到这个问题,经过一小段研究,发现github已经有现成的开源工具使用,主要实现原理是利用html的锚点,...

一般在做 ajax load 的时候,很多人都不会考虑到需要浏览器支持前进后退功能,因为大部分人都不知道可以实现。

最近遇到这个问题,经过一小段研究,发现github已经有现成的开源工具使用,主要实现原理是利用html的锚点,即

主要demo代码如下:

html
代码如下:

js
代码如下:


$(function() {
// 这里是共用的位置,通过state参数做操作
$.History.bind(function(state){
$('#showdiv').load('action/'+state+'.html');
});
// 这里是对某个链接做特殊操作
$.History.bind('bbb',function(state){
alert('点击了 bbb 链接,这是对 bbb 链接特殊处理位置');
});
});


相关问题:

state 参数:即超链接标签href="#xxx"中的xxx值。

执行顺序:先执行特殊操作,再执行共用操作。

    
 
 
 
本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • 如何检测浏览器的脚本和Cookies功能是否打开? iis7站长之家
  • 浏览器功能检测 Modernizr
  • 自动浏览器功能测试 UA Profiler
  • Linux环境下多功能浏览器的设计与实现
  • 在网页中怎样用JavaScript或者Java Bean调用浏览器的打印预览功能?
  • CodeIgniter采用config控制的多语言实现根据浏览器语言自动转换功能
  • jquery禁用右键、文本选择功能、复制按键的代码(兼容多浏览器)
  • jQuery实现返回顶部功能适合不支持js的浏览器
  • 求源代码,有IE类似地浏览器功能!
  • 如何检测浏览器的脚本和Cookies功能是否打开?
  • 通过javascript实现DIV居中,兼容各浏览器版本
  • Android 图片浏览器 雪梦图片浏览器
  • 最新谷歌浏览器(google chrome)官方正式稳定版下载(2014版_2015版谷歌浏览器下载)
  • 使用php检测用户当前使用的浏览器是否为IE浏览器
  • 设置sharepoint 2010文档库中的 pdf文件在浏览器中访问的打开方式
  • 如何防止按浏览器右上角的"x" 来关闭浏览器
  • IE(Internet Explorer)浏览器中启用cookie的步骤
  • 用浏览器看applet,总是只能看到修改前的applet,关了浏览器,再开,还是只能看到修改前的,难道真的要重启机子?太夸张了
  • 微软浏览器IE 11(InternetExplorer 11)简体中文预览版介绍及下载地址
  • 菜鸟用tomcat3.2,在他的root目录下建立了一个test1.jsp.用浏览器显示正常,但我后来删掉了,可用浏览器还可以看到test1.jsp,这是怎么回事
  • php5中当浏览器禁用cookie时保持会话session的方法
  • 我的IE浏览器崩溃,怎么办?(不能浏览了!)急。。。。。
  • 浏览器不能浏览JAVA2写的Applet,那里可有升级包?
  • 新手请教一段javascript代码,如何设置浏览者浏览器的字体?
  • 如何在red hat的网页浏览器中浏览使用ipv6协议的网页?
  • 第一天接触LINUX,我的LINUX自带的网景浏览器为何浏览网页的时候问题如此多呢???
  • 我的小应用程序在JCREATOR的Appletviewer里可以浏览但是不能在浏览器里运行这是为什么
  • PHP的浏览器检测库 Detector
  • 用3G无线上网卡上网必须用sudo运行浏览器才能浏览网页!
  • 糖果浏览器 TangoBrowser
  • 请教如何使用Java编写的Applet程序关闭浏览器??


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3