jquery - 同一页面上具有相同href的多个锚标记，片段标识符不起作用

Question

这是最奇怪的事情 - 我有一个带有以下锚标记的 html 页面，它可以完美运行。

<a href="index.php#contact">Contact</a>

在页面的下方，我有相同的锚标记......

<a href="index.php#contact">Contact</a>

第一个有效，第二个无效！Firebug 控制台显示以下错误消息：

[11:52:23.927] Syntax error, unrecognized expression: nav a[href=index.php#contact] @ http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js:2

这太奇怪了！如果我删除 href 的片段标识符（#contact）部分，则链接仍然有效！例子：

<a href="index.php">Contact</a>

并且使用不同的片段标识符不起作用 - 示例：

<a href="index.php#abcdefg">Contact</a>

有人可以向我解释一下吗？

Answer 1

问题是您的 jquery 选择器。似乎在某处您正在调用像这样（或类似）的 jquery 函数：

$('nav a[href=index.php#contact]');

要修复它，请使用以下命令：

$('nav a[href="index.php#contact"]');