锚点与空间的链接

Question

我有这个脚本：

JS

$("#content div.nav").each(function() {
   $(".navi ul").append('<li><a href="#'+ $(this).attr("id") + '">' + $(this).attr("id") + '</a></li>');
});

它生成了ID的导航，但有时我有一个带有空格的ID，例如“Agen da”，并且脚本不会滚动这样的anker，你可以帮我吗？

小提琴

http://jsfiddle.net/RDFf9/14/

Answer 1

让我们使用空格：）

像这样创建你的div：

<div title="Location 3" id="Location3" class="nav">

删除您ID中的空格，然后添加可以包含空格的title属性。

然后让你的脚本像这样：

$("#content div.nav").each(function() {
    $(".navi ul").append('<li><a href="#'+ $(this).attr("id") + '">' + $(this).attr("title") + '</a></li>');
});

请注意，我将第二个id替换为title

查看演示Here

希望有所帮助

Answer 2

HTML元素ID不能包含空格。