php - misma - href div example

Enlace a div dentro de div dentro del mismo HTML

Question

Actualmente estoy usando Bootstrap Timeline ( ejemplo aquí ). Dado que esta será una larga línea de tiempo, quiero que en la parte superior tenga algunos símbolos (cada uno con una fecha y una identificación única), que representarán cierto evento. Al hacer clic en un cierto símbolo, quiero ser redirigido al evento correspondiente en la línea de tiempo.

Sin embargo, en este momento, cuando hago clic en el símbolo, me redirigen a la parte superior del "contenedor" div que contiene la línea de tiempo y no al <li> específico

Ejemplo: LINK:

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

A:

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

Answer 1

Elimine la id del enlace y elimine el onclick del elemento de la línea de tiempo. El hashtag en href debe saltar al conjunto de id en el elemento de la línea de tiempo.

<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

Porque tiene el mismo id. "Tipo 1" para dos elementos DOM. Id debe ser único.