链接重定向无效

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页面在url的末尾添加了锚href。

但我的问题是我当前的页面URL是这样的

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

这个URL已经包含了"#“。

此外，当我单击"First“链接时，它会重定向到以下位置

http://testdev.com/#first

我不确定，但我认为这是因为URL中已经有一个"#“

请提出一些解决办法。

Answer 1

您的URL中不能有两个锚。

一种解决方案是使用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>