无法理解 History.js，需要简化吗？

发布于 2024-12-03 14:47:26 字数 420 浏览 1 评论 0 原文

我对编程相当陌生，我正在 jQuery 的帮助下制作一个 AJAX 网站。

我已经查看了相当多的 AJAX 历史处理程序，并认为 History.js 似乎是最好/最新的。

我的菜单按钮每个都有自己唯一的 ID（#homeBtn、#featuresBtn、#pricingBtn），目前如下所示：

Home

有人能给我举个例子吗（最好是在 jsfiddle 上）我将如何实现 History.js？

我似乎无法理解作者给出的任何示例，我只需要一个简化版本=b

如果您需要更多信息，请告诉我，谢谢！

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

反目相谮 2024-12-10 14:47:26

请按照此处的说明进行操作：https://github.com/browserstate/ajaxify

将链接更改为传统链接< code>href="#home" 到 href="/home" - 确保 http://mywebsite.com/home 有效。这都是关于优雅的升级。

回复收藏 0 原文

青春如此纠结 2024-12-10 14:47:26

我认为您需要的“简化”版本是路由器抽象。我出于自己的目的编写了一个简单的代码，名为 StateRouter.js。它基本上负责将应用程序支持的 URL 定向到正确的功能，您甚至可以定义路由的参数部分（例如 http://example.com/persons/id 成为函数参数）。

这个简单的示例代码应该演示如何使用它：

var router = new staterouter.Router();
// Configure routes
router
  .route('/', getHome)
  .route('/persons', getPersons)
  .route('/persons/:id', getPerson);
// Perform routing of the current state
router.perform();
// Navigate to the page of person 1
router.navigate('/persons/1');

这是我为了演示而编写的一些 fiddle它的用法。

I think the "dumbed down" version you need is a router abstraction. I've written a simple one for my own purposes, called StateRouter.js. It basically takes care of directing URLs supported by your application to the correct functions, you can even define parameter parts of routes (so that e.g. the 'id' part of http://example.com/persons/id becomes a function parameter).

This simple example code should demonstrate how it's used:

var router = new staterouter.Router();
// Configure routes
router
  .route('/', getHome)
  .route('/persons', getPersons)
  .route('/persons/:id', getPerson);
// Perform routing of the current state
router.perform();
// Navigate to the page of person 1
router.navigate('/persons/1');

Here's a little fiddle I've concocted in order to demonstrate its usage.

回复收藏 0 原文

~没有更多了~