【问题标题】:How can I keep a music player in the page footer that doesn't reload when I click a link to a subpage?当我单击指向子页面的链接时,如何将音乐播放器保留在不会重新加载的页脚中?
【发布时间】:2010-12-10 06:27:40
【问题描述】:

我一直在尝试解决这个问题一段时间,并查看了许多论坛以找到解决方案。这是我的设置。任何帮助将不胜感激!

我目前有一个在“内容”部分上方和下方加载 JavaScript 页眉和页脚的索引页。我还有一个标题内的导航链接列表。我的音乐播放器位于页脚。它不会自动加载(对于那些为此感到困扰的人),而且我不希望每次有人点击侧面的导航链接时它都会重新加载。 我不想为此使用框架;我已经读过框架将只允许我刷新页面的“内容”部分,但是在索引站点时,大多数搜索引擎无法与具有框架的站点一起正常工作。我也不想为我的音乐使用弹出窗口,因为大多数浏览器和用户都阻止了弹出窗口。

基本上,我正在寻找允许页眉和页脚(不必是 JS 页眉和页脚)在有人单击位于我的页眉中的导航链接时不刷新的代码或其他内容。再次感谢任何对此问题有解决方案的人。

【问题讨论】:

    标签: javascript frames partial-page-refresh


    【解决方案1】:

    Do it like Facebook - 使用 JavaScript 拦截链接导航,使用 XMLHttpResponse 加载内容,然后更新页面中需要更改的部分。

    这为搜索引擎保持了页面的静态完整性,允许大多数网站对于禁用脚本的用户仍然可以正常工作,并避免为其他人重置音乐。

    【讨论】:

      【解决方案2】:

      Shog9 所说的,但也要确保在更改内容时更改 location.hash,并确保使用该哈希访问网站会将您重定向到正确的页面。

      【讨论】:

        【解决方案3】:

        这是另一个使用 AJAX 方法重新加载页面内容,同时保持播放器继续运行的乐队示例...

        http://jonandroy.ca/

        每次单击某个内容时,URL 主题标签都会更新,如果您复制该 URL,当您访问它时,您会在瞬间看到主页加载,然后它会加载指定的页面内容标签。不完美,但对于这个古老的问题是一个很好的整体解决方案。

        【讨论】:

          【解决方案4】:

          您可能想了解thesixtyone.com 的工作原理。他们通过在单击链接时使用 AJAX 重建页面而不是加载新页面来获得不间断的音乐。这是通过让所有链接成为当前页面的锚点来实现的(即所有链接都是相对的并且以哈希字符开头)。

          【讨论】:

            猜你喜欢
            • 2014-01-21
            • 1970-01-01
            • 1970-01-01
            • 2019-10-01
            • 2021-06-14
            • 2014-02-11
            • 1970-01-01
            • 1970-01-01
            • 1970-01-01
            相关资源
            最近更新 更多