文章/答案/技术大牛

发布

社区首页 >问答首页 >HTML5应用路由，pushState

问HTML5应用路由，pushState
EN

Stack Overflow用户

提问于 2011-08-09 06:15:34

回答 1查看 1.5K关注 0票数 1

我试着做两件事：

使用pushState更改URL

//Video
$("a").click(function(){
history.pushState(null, "Video", "/video/");
return false;
});

然后，如果任何人在浏览器中输入该链接，则可以路由该链接以显示div：

www.mysite.com/video/ ---> show div

我一直在研究一些脚本: davis.js、sammy.js、history.js

我需要这些脚本吗？在jQuery中有没有办法做到这一点？

jquery

html

routing

pushstate

回答 1

Stack Overflow用户

发布于 2011-08-18 20:11:11

我有一点偏见，因为我是Davis.js的作者，但我认为使用像Davis.js或Sammy.js这样的路由库是完成此任务的最简单方法。这两个库都有代码来管理单击链接时发生的事情，或者后退和前进按钮用于在状态和历史API的所有其他特性之间导航时发生的事情。

如果你想要一些非常简单的东西，那么你可以自己编写一些代码，尽管这可能比仅仅使用lib需要更长的时间。

下面是你可以做的粗略的想法：

$("a").click(function (e) {
  e.preventDefault()
  var link = $(this)
  history.pushState({pushedByMe: true}, link.attr('title'), link.attr('href'))
  yourCodeHere()
})

history.onpopstate = function (event) {
 if (!event.state.pushedByMe) return
 yourCodeHere()
}

票数 5

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/6989258

复制

相似问题

问HTML5应用路由，pushState
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问HTML5应用路由，pushStateEN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问HTML5应用路由，pushState
EN