在相同的HTML中链接到div内的div

Question

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

尽管如此，当我点击符号时，我被重定向到div'容器'的顶部，其中包含时间轴而不是特定的<li>

实施例： 链接：

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

</ol>

TO：

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

Answer 1

从链接中删除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

因为你有相同的ID＆＃34; type1＆＃34;用于两个DOM元素。 Id应该是唯一的。