Link 到 div inside div within same HTML

Question

我目前正在使用 Bootstrap 时间轴 (example here)。由于这将是一个很长的时间线，我希望在它的顶部有一些符号（每个都有一个日期和一个唯一的 ID），它们将代表特定的事件。单击某个符号时，我想重定向到时间轴上的相应事件。

然而，目前，当我单击该符号时，我被重定向到包含时间线的 div 'container' 的顶部，而不是特定的 <li>

示例： LINK:

<ol class="timeline">
   <li class="timeline__step done">
        <a href="#type1" id="type1"></a>
    </li>

</ol>

收件人：

<div class="container">
     <ul class="timeline2">
        <li id = "type1" onclick = "window.location.hash = 'type1';">
        </li>
     <ul>
<div>`

Answer 1

从 link 中删除 id 并从时间线项目中删除 onclick。 href 中的主题标签应跳转到时间线项目中设置的 id。

<ol class="timeline">
   <li class="timeline__step done">
        <a href="#type1"></a>
    </li>
</ol>

<div class="container">
     <ul class="timeline2">
        <li id="type1">
        </li>
     <ul>
<div>

Answer 2

因为两个 DOM 元素的 ID "type1" 相同。 ID 应该是唯一的。

Link 到 div inside div within same HTML

Link to div inside div within same HTML

html

php

anchor

onclick

twitter-bootstrap