W3C Duplicate ID ... но у меня должно быть два идентификатора

Question

У меня есть две гиперссылки на моей странице, которые ссылаются на одну и ту же вкладку jquery popup, но оба используют один и тот же идентификатор. С помощью валидатора w3C это дает мне ошибку, что я должен использовать уникальные идентификаторы. Я знаю, что я не могу использовать один и тот же идентификатор дважды, но что мне делать, если мне нужно дважды ссылаться на ту же самую всплывающую вкладку на одной странице?

<a href="/register" class="open-popup-link" id="register-link">Register</a> 
<a href="/register" class="open-popup-link" id="register-link">Join now!</a> 

У кого-нибудь есть лучшее решение? Можно ли связать href с исходным href, таким образом, у меня есть один ID на странице?

Answer 1

Изменение id слушателю событий class и прикрепляются к a с этим class

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<script src="http://www.swip.codylindley.com/jquery.popupWindow.js"></script> 

<a href="http://example.com" class="open-popup-link register-link">Register</a> 
<a href="http://example.com" class="open-popup-link register-link">Join now!</a> 

<script> 
$(".register-link").popupWindow({ 
    height:500, 
    width:800, 
    top:50, 
    left:50 
}); 
</script>