Jquery 如何从链接直接浏览到特定评论
我希望人们在我的网站上查看最新的评论,当他们点击它时 它应该把他们带到写评论的业务页面,但是页面也应该向下滚动到评论所在的位置 我在想,如果我给我的每个div指定一个不同的类名,并且在类名中使用review ID,这是可能的? (我需要给他们相同的id来应用css格式)Jquery 如何从链接直接浏览到特定评论,jquery,html,Jquery,Html,我希望人们在我的网站上查看最新的评论,当他们点击它时 它应该把他们带到写评论的业务页面,但是页面也应该向下滚动到评论所在的位置 我在想,如果我给我的每个div指定一个不同的类名,并且在类名中使用review ID,这是可能的? (我需要给他们相同的id来应用css格式) 更具体地说,如何使用jquery直接进入DOM review_XXX(XXX表示review ID)这不需要jquery。只需给链接a href加上#前缀,后跟要跳转到的元素的ID,例如: <a href="#foo"&g
更具体地说,如何使用jquery直接进入DOM review_XXX(XXX表示review ID)这不需要jquery。只需给链接a href加上
#
前缀,后跟要跳转到的元素的ID,例如:
<a href="#foo">Foo</a>
...
<div id="foo">This is the div to jump to</div>
...
这是要跳到的div
看
上述网站的有趣摘录:
使用id或名称?作者应该
考虑以下问题
决定是否使用id或名称
锚定名称:
- id属性可以不仅仅作为锚名称(例如。,
样式表选择器,正在处理
标识符等) - 一些较旧的用户代理不支持使用id创建的锚 属性
- name属性允许更丰富的锚定名称(带有实体)
#
前缀,后跟要跳转到的元素的ID,例如:
<a href="#foo">Foo</a>
...
<div id="foo">This is the div to jump to</div>
...
这是要跳到的div
看
上述网站的有趣摘录:
使用id或名称?作者应该
考虑以下问题
决定是否使用id或名称
锚定名称:
- id属性可以不仅仅作为锚名称(例如。,
样式表选择器,正在处理
标识符等) - 一些较旧的用户代理不支持使用id创建的锚 属性
- name属性允许更丰富的锚定名称(带有实体)
那部电影糟透了
然后,您可以在URL的末尾添加“#Review42097”
<a href='http://my.reviews.com/latest/reviews.php#review_42097'>Click to read reviews!</a>
假设您的审阅“ID”值是真正唯一的标识符(否则它们可能不应该被称为“ID”值),您可以将它们作为“ID”值提供给相关元素:
那部电影糟透了
然后,您可以在URL的末尾添加“#Review42097”
<a href='http://my.reviews.com/latest/reviews.php#review_42097'>Click to read reviews!</a>
这些ID是RESTful URL方案的一部分吗?例如:
http://yoursite.com/reviews/123456
最有可能的情况是,您不需要jQuery就可以生成此链接
如果您不仅仅是链接到页面,还可以将id存储在元素的数据属性中,并访问它以执行逻辑:
<div id="myElement" data-review-id="123456"></div>
var id = $('#myElement').data('review-id');
// do other logic
变量id=$('#myElement')。数据('review-id');
//你有其他逻辑吗
这些ID是RESTful URL方案的一部分吗?例如:
http://yoursite.com/reviews/123456
最有可能的情况是,您不需要jQuery就可以生成此链接
如果您不仅仅是链接到页面,还可以将id存储在元素的数据属性中,并访问它以执行逻辑:
<div id="myElement" data-review-id="123456"></div>
var id = $('#myElement').data('review-id');
// do other logic
变量id=$('#myElement')。数据('review-id');
//你有其他逻辑吗
我将使用锚标记的name属性,并将name属性的值添加到url中
所以在你的页面上的某个地方,你的评论标题应该是
<h2 name="current_item">...</h2>
我将使用锚标记的name属性,并将name属性的值添加到url中 所以在你的页面上的某个地方,你的评论标题应该是
<h2 name="current_item">...</h2>
我在我的网站上使用mod#u rewrite,所以我会有一个如下的url:我可以在末尾添加#review_42097吗?我在我的网站上使用mod#u rewrite,所以我会有一个如下的url:我可以在末尾添加#review_42097吗?问题是我现在在同一页上的每个评论都使用相同的id,所以每个评论都被包装在一个id为“review”的div中。我想我必须使用下面提到的内容:name属性。@ndefontenay-重复ID在HTML文档中无效。您将无法获得像我发布的那样简单的HTML解决方案,也无法使用JavaScript/jQuery。首先解决复制ID。检查这个:问题是我现在在同一页上的每个评论都使用相同的id,所以每个评论都被包装在一个id为“review”的div中。我想我必须使用下面提到的内容:name属性。@ndefontenay-重复ID在HTML文档中无效。您将无法获得像我发布的那样简单的HTML解决方案,也无法使用JavaScript/jQuery。首先解决复制ID。选中此项: