问题标签 [fragment-identifier]

我的布局类似于：

我的横幅已经position:fixed;并且大致200px很高。

问题是，当我单击带有片段标识符的链接时，页面滚动并且锚点（带有标识符）位于页面顶部，位于横幅后面，而不是可以看到的横幅下方。

我缺少什么（CSS 或 jQuery）吗？

我正在使用jQuery BBQ: Back Button & Query Library插件来创建一个页面，该页面在单击链接时会引入动态内容。单击链接时，哈希值会更改并拉入新内容（因此禁用了单击 href 的“默认”操作。）

那部分工作得很好，但是有一个问题。

我的问题示例

假设“主页”页面中有一个 DIV，其中包含许多图像和一个链接列表......

• 第一页
• 第二页
• 第三页

图像可能需要一段时间才能加载，同时用户通常不会等待它们完全加载并单击“第一页”链接。

这会清除“主页”页面的内容并加载“第一页”内容。这很好用。

问题是即使用户已经从“主页”页面移动，来自“主页”页面的图像仍在浏览器中加载。

我知道发生这种情况是因为页面实际上并没有改变，而且我正在使用 BBQ 插件的 hashchange hack，但我想知道 JavaScript 中是否有办法告诉当前加载的所有图像在hashchange事件上停止？

?? 示例代码就像...

我想要的是拥有改变页面一部分的链接，以及它的动态 URL，我可以在其中指定变量，例如#calendar=10_2010tabview=tab2

Check this for an exact example: 单击此处查看确切演示

所以这是我需要的链接格式：

#calendar=10_2010&tabview=tab2

我需要在链接中有变量，calendar这样tabview我就可以在一个页面上更改多个内容而无需重新加载。

或者像http://www.wbhomes.com.au这样的另一种格式，这正是我想要的，但是第一种格式也很好，但这更漂亮。

• http://wbhomes.com.au/#/propertiesforsale/houseandland/quinnsbeach-waterland1

要求

• 需要从例如邮件的任何地方访问，或者如果我只是写在 url 栏中。

• 该链接应该在历史记录中，因此如果我按下后退或前进按钮，则需要访问该页面。

• 页面刷新也需要工作。

一些资源：

例子：

• www.developer.yahoo.com/

• www.facebook.com - 您个人资料页面上的侧边栏链接

• www.wbhomes.com.au/ - 100% 接近我想要的

• www.flickr.com/

• www.youtube.com

一些教程：

• www.ajaxpatterns.org/

• www.contentwithstyle.co.uk/

请帮我！我从来没有找到任何解决方案来做到这一点，但我不想使用 jquery 或任何 API 或任何库，我想要一个工作Javascript/AJAX和PHP脚本。

这是我的历史值更改事件处理程序：

如您所见，转到 www.domain.com/#edit 会加载编辑视图。但是，我将如何在片段中指定一个参数，例如一个 id，并将其传递给 Edit Contacts Presenter？

www.domain.com/#edit/1

所以我有一个简单的页面，它使用不同的方法来过滤数据（几乎一切正常。）例如，你有一个包含用户列表的页面。您可以选择页码，可以选择排序依据（以及排序方向）以及每页有多少结果。

它的工作方式是每当这些变量之一发生更改时，我让 jquery 使用 POST ajax 从服务器获取表数据（传递变量，以便我的服务器可以正确获取数据）。

我想知道的一件事是如何使用 url 来帮助解决这个问题。我希望能够以另一种方式限制数据。例如，如果您正在查看“example.com/users/index#topvisitors”，那么服务器只会发回顶级访问者的列表，或者“example.com/users/index#bannedusers”可能会返回所有被禁止的用户。

最后，我真的只需要一种 url 的方式来帮助我的服务器返回更具体的数据集

想法？

我希望使用 MVC 在服务器端标准化 ajax #anchors 的处理。

在调用控制器操作之前，我想将每个带有 ajax 锚的请求转换为没有 ajax 锚的请求，以便控制器代码不知道请求中有锚：

例如：

1)/user/profile#user/photos应被视为/user/photos

2)/main/index#user/profile/33应被视为/user/profile/33

MVC 中实现这一目标的最佳技术是什么？

Facebook 正在使用 Ajax 历史记录（后退和前进按钮）和书签，#!而不仅仅是#在 URL 中。这样做总是一个好主意吗，因为我认为通常的锚点可能会干扰 Ajax 历史机制以触发它处理普通锚点。

因此，Ajax History 函数只会在看到时才处理哈希部分，#!而不仅仅是#.

并且使用!与主流浏览器兼容？如果 Facebook 正在使用!，则猜测它可能会得到很好的支持。

我正在寻找一种将 URL 片段 (#) 中的值注入 bean(JSF) 的方法，就像注入查询参数值一样。我正在使用 Ben Alman 的 Bookmarkable jQuery 插件 ( http://benalman.com/projects/jquery-bbq-plugin/ ) 创建 URL 片段。我希望来自 prettyFaces 的自定义正则表达式模式可以成为解决我的问题的一种方法，但直到现在我一直没有成功。

（http://ocpsoft.com/docs/prettyfaces/snapshot/en-US/html_single/#config.pathparams.regext）

我想在这里定义我的情况，如果有人有想法，我很想尝试一下。

我正在使用
RichFaces：3.3.3，
Spring：3.0.2.RELEASE，
Hibernate：3.5.3-Final，
JSF：2.0.2-FCS，
PrettyFaces：3.0.1

Web 应用程序生成以下 URL，其中参数列在哈希 (#) 之后。这个想法是有一个基于 ajax 的 Bookmarkable URL。所以每次我点击一个改变系统状态的元素时，值都会通过ajax和重写hash后的URL发送到服务器。哈希后可以有 1 到 3 个参数，参数个数是可选的。

我的目标是，当用户为 URL 添加书签（带有哈希）并重新访问保存的页面时，页面应该将正确的值注入系统并在以前的状态下可视化页面（如查询参数）。

下面，我有一个正则表达式，可以捕获散列后的所有参数。

我知道有些网站如何将 URL 片段发送到服务器端逻辑中，

• http://maps.yahoo.com/#mvt=m&lat=36.952736&lon=-95.84758&zoom=11&tt=starbucks&tp=1&ioride=us
• http://www.cbc.ca/video/#/Shows/Death_Comes_to_Town/ID=1365210427

无论如何将URL片段中的值注入服务器端bean？

我有一个用作图片库的 URL。在这个 URL 上是一个大拇指div（为简洁起见，我只显示四个大拇指）：

和一个空div叫#content：

和一个隐藏的div叫#preload：

我的 jQuery 使用单击缩略图的 ID 到clone()相应图像中的图像，并使用该方法span将它们放入。它工作得很好。现在，我想返回并已经填写了 Project 01。#contenthtml()mysite.com/#project01#content

如何给每个图像一个哈希 URL 来调用相同的 jQuery 状态？

我正在编写一些脚本，但它有一个严重的哈希问题。

我有一个链接图像列表，例如：

我要做的就是在单击第一张图片后加载文件 files/#1.html，在第二张图片之后加载 files/#2.html 等。

这是我的 jQuery 函数：

因此，当我单击图像时，它应该将哈希添加到 url (href="#1")，将正确的文件加载到 #displayFile div 并将其淡入。

但实际上，当我单击图像时，它显示为空的#displayFile div，并且在我用相同的哈希刷新站点后，它会加载内容。我相信脚本在 URL 中很久之前就获得了哈希值。

如何解决？

谢谢。