Якорные ссылки не работают должным образом

Question

У меня есть всплывающая подсказка, которая имеет ссылку на якорь, но кажется, что она не направлена ​​к правому якору. Подведите курсор к человеку и нажмите «+» внутри всплывающей подсказки.

Для просмотра образца нажмите здесь

Answer 1

Это из-за этого:

<a id="david" ...>

по ссылкам. Это первое совпадение для #david URL - оно будет соответствовать либо id, либо name. Якоря <a name=... внизу документа игнорируются.

Вам необходимо переименовать либо id s, либо name s, чтобы был только один элемент с id из david, или одним якорем с name david.

Answer 2

Проблема в том, что у вас есть все ваши id, определенные для div, которые содержат изображение каждого. Например:

<a id="laurence">Laurence Rabino</a>

Вам необходимо переместить идентификаторы вниз в их соответствующие местоположения в разделе «Сводка», чтобы при нажатии на них они связывались с информацией этого человека. Например:

<p id="laurence">

Answer 3

Есть два якоря с одинаковым идентификатором.

Первый, использующий современный подход:

<a id="laurence" title="Laurence Rabino - Web Multimedia">Laurence Rabino</a>

, а второй - с использованием подхода, совместимого с Netscape 4 (который по некоторым причинам не имеет смысла):

<a name="laurence"></a>

Браузер прокручивает до первого.

Измените идентификаторы, чтобы они не конфликтовали.