Question

首先，看看这个考试

如示例中所示，我想在Telrik文本编辑器中创建一个类似的页面，即一些链接的列表及其相应的段落。

这是我在Telrik文本编辑器中使用的HTML，Link就像这样

This is the First <a href="#first" class="TableHead">link</a>.
This is the 2nd <a href="#second" class="TableHead">link</a>.
This is the 3rd <a href="#third" class="TableHead">link</a>.

段落就像这样

  <a name="first" class="TableHead">1</a>.
  <p>First Para</p>
  <a name="second" class="TableHead">2</a>.
  <p>2nd Para</p>
  <a name="third" class="TableHead">3</a>.
  <p>3rd Para</p>

据我了解，一个简单的HTML页面在网址的末尾添加了锚点href。

但我的问题是我当前的网页网址是这样的

http://testdev.com/#/document/document-view?id=c118a6b9-ed7f-410a-9729-341333fb8655

此网址已有＆＃34;＃＆＃34;在它。

此外，当我点击＆＃34; First＆＃34;将其重定向链接到以下

http://testdev.com/#first

我不确定，但我认为这是因为已经有一个＆＃34;＃＆＃34;在网址

请提供一些解决方案。

Answer 1

您的网址中不能有两个锚点。

一种解决方案是使用javascript函数window.scrollTo：请参阅http://jsfiddle.net/cujdju5f/

Answer 2

是的，它重定向到http://testdev.com/#first是正确的。由于您已经在同一页http://testdev.com/，因此它不会重新加载页面，但会滚动到您在id之后定义的#。

因此，您当前的页面为：http://testdev.com/#/document/document-view?id=c118a6b9-ed7f-410a-9729-341333fb8655，其中当前页面为http://testdev.com/，定义的ID为/document/document-view?id=c118a6b9-ed7f-410a-9729-341333fb8655

如果您重定向到http://testdev.com/#first，则该网页为http://testdev.com/且ID为first。

因此，它不会重定向页面，而是转到同一页面上的id。

将段落HTML更改为下面的HTML，它会起作用。

<a id="first" name="first" class="TableHead">1</a>.
<p>First Para</p>
<a id="second" name="second" class="TableHead">2</a>.
<p>2nd Para</p>
<a id="third" name="third" class="TableHead">3</a>.
<p>3rd Para</p>

链接重定向无法正常工作

2 个答案: