在jquery中转到页面的某个部分?

时间:2011-11-18 21:03:26

标签: jquery html hyperlink

是否可以跳转到jquery中某个页面的某个部分,例如我在index.html上,我想转到page2.html页面的中间部分如何创建一个链接?提前感谢您的回答。 :)

P.S。我必须使用jquery,因为这就是我在整个网站上使用的内容,所以整个#location-on-page将无法工作:)谢谢

摘录1:

<a href="page.html#1"><img src="image_location/1.jpg" width="95%" border="1"></a>

摘录2:

<a href="image_folder/1.jpg"><img src="image_folder/1.jpg"><br>
Description
<a name="1"></a>

3 个答案:

答案 0 :(得分:16)

如果您需要通过Javascript转到特定锚点,而不是通过点击页面上的锚标记然后使用

location.href = "#anchor";

在这种情况下不需要jQuery,但如果你也想要,你可以简单地创建自己的自定义jQuery函数

$.fn.gotoAnchor = function(anchor) {
    location.href = this.selector;
}

$('#1').gotoAnchor();

// This way would also allow going to another pages anchors like so
$('page2.html#1').gotoAnchor();

$.fn.gotoAnchor = function(anchor) {
    location.href = '#' + this.selector;
}

$('1').gotoAnchor();

取决于您是否需要在选择器中指定锚点字符#

答案 1 :(得分:7)

你必须放入一个锚点。不需要jQuery!

第2页 - 您希望它跳转到的位置。

<a name="myanchor"></a>

第1页。

<a href="page2.html#myanchor">Link</a>

答案 2 :(得分:1)

这是HTML的一个特性,而不是jQuery,因此可以同时使用它们。

在page2.html上,您需要在页面中包含一个命名的锚标记...

<a name="half-way">&nbsp;</a>

然后在index.html中,您可以使用指向那里的锚标记......

<a href="page2.html#half-way">This should get you half way..!</a>

如果您愿意,可以使用jQuery生成这些标记。