jQuery 哈希更改通配符

Question

我目前正在构建一个基于 jQuery 和 hashChanged 的​​动态网站。目前我在 document.ready 上使用此代码:

$(window).hashchange( function(){
    switch(location.hash)
    {
    case "#/calendar":
        content.load("calendar.php");
        break;
    case "#/media":
        content.load("media.php");
        break;
    case "#/social":
        content.load("social.php");
        break;
    case "#/settings":
        content.load("settings.php");
        break;
    default:
        content.load("home.php");
        title.text("Debafla");
    }
});

现在我正在构建一个视频库，因此我想使用如下 URL:

example.com/#/video/12485

所以 video.php 需要加载到内容 div 中，我需要从数据库获取 ID 为 12485 的视频。但是我怎样才能用 JavaScript 覆盖这些哈希页面呢？

谢谢!

Answer 1

我会使用 split 方法:

$(window).hashchange( function(){
    switch(location.hash.split("/")[1])
    {
    case "calendar":
        content.load("calendar.php");
        break;
    case "media":
        content.load("media.php");
        break;
    case "social":
        content.load("social.php");
        break;
    case "settings":
        content.load("settings.php");
        break;
    case "video":
        content.load("video.php?v=" + location.hash.split("/")[2]);
        break;
    default:
        content.load("home.php");
        title.text("Debafla");
    }
});