Jquery UI选项卡支持浏览器的后退按钮

jquery ui tabs support for the browers back button

本文关键字:按钮 浏览器 支持 UI 选项 Jquery      更新时间:2023-09-26

我有一个jquery驱动的web应用程序和一个特定的页面上的网站,我使用jqueryui选项卡控件- http://jqueryui.com/demos/tabs/

这使我能够有一个页面,其中的内容由制表符分隔。

这个工作很好,没有问题。

我现在需要添加对浏览器后退按钮的支持-所以如果我有4个选项卡- A, B, C, D和当前在选项卡C上。当我按下浏览器的后退按钮时,我想返回选项卡B并再次按下它,返回选项卡A。我如何将其集成到jquery ui选项卡中?

其次,当浏览器按下后退按钮时,随着移动到上一个选项卡,如果可能的话,我希望页面不要刷新。使使用者的动作无懈可击,接近即时。这怎么可能呢?

如果我理解正确的问题,你可以使用jQuery BBQ插件Ben - http://benalman.com/projects/jquery-bbq-plugin/

与您的需求类似的是Ben在http://benalman.com/code/projects/jquery-bbq/examples/fragment-basic/

提供的演示。

希望能有所帮助。

你混淆了浏览器后退按钮的角色。它的意思是回到浏览历史,而不是循环浏览你的标签。你需要在你的页面上添加一个previous/next链接来循环浏览你的标签页。