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

Question

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

PS我必须使用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>

Answer 1

如果您需要通过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();

取决于您是否需要#在选择器中指定锚点角色.

Answer 2

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

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

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

在第1页.

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