Question

我的页面中有两个超链接链接到同一个jquery弹出选项卡，但都使用相同的Id。使用w3C验证器，它给我一个错误，我必须使用唯一的ID。我知道我不能两次使用相同的ID，但如果我必须在同一页面上两次链接到同一个弹出选项卡，我该怎么办？

<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>

W3C重复ID ...但我必须有两个ID

1 个答案: