【问题标题】:jQuery slide show update url with hash带有哈希的 jQuery 幻灯片放映更新 url
【发布时间】:2011-09-06 06:37:02
【问题描述】:

我看到一些网站使用哈希和 ID 更新 URL,以便您可以直接链接到 JavaScript 嵌入的内容。

我一直在谷歌上搜索,试图找到一个确定的资源,但没有找到。有什么建议吗?

此网站具有我正在寻找的行为:

http://www.davehillphoto.com/bw2/#2

【问题讨论】:

    标签: javascript jquery url hash


    【解决方案1】:

    你总是可以自己做,这里有一个插件,它创建一个事件来监听 URL-hash 的任何变化。

    http://benalman.com/projects/jquery-hashchange-plugin/

    【讨论】:

    • 是的,我想我可能不得不自己写,我只是不知道从哪里开始。您链接到的插件更像是事后交易。我需要用哈希更新网址,但不知道该怎么做。
    • 哈希不会更新URL地址,你可以随意调用,用JSwindow.location.hash之类的方式调用。您可以将其写入一个变量并编写一个调用该变量的函数来执行您想要的任何操作。如果你想要一个例子,请告诉我。
    【解决方案2】:

    您可以使用 Javascript 调用代码中的哈希值。 window.location.hash,如果你把它写到一个变量中,你可以写一个函数来对哈希做任何你想做的事情。

    这里是一个简单的例子,它提醒哈希值,不管它当前是什么。

    HTML

    <button type="button" onclick="getHash()">Click Me</button>
    

    JS

    function getHash() {
      var hash = window.location.hash;
      alert(hash); // alerts the hash tag at the end of the URL
    }
    

    LIVE DEMO

    (更改地址栏中url末尾的哈希,它会提醒您在哈希符号之后输入地址栏中的任何内容,包括哈希)。

    【讨论】:

    • 嘿伊利亚,我实际上正在寻找完全相反的。如何使用元素的哈希和 id 动态更新窗口的位置?
    • 嗨,技术专家,看看这个演示,里面有你需要的东西。 jsfiddle.net/CukUH/show , jsfiddle.net/CukUH 代码。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多