jQuery-ui 选项卡上的语法错误 (?)：不匹配的片段标识符

Question

我正在尝试创建一个 jquery-ui 选项卡框，但出现“不匹配的片段标识符”错误。我知道这意味着 /li/ 元素中的 href 地址与 /div/ 元素中的 id 不匹配。问题是我已经盯着这个有一段时间了，找不到我的语法错误。有人可以帮忙吗？

<div id="tabmenu">
<ul>
    <li><a href='#Fifth Fleet'>Fifth Fleet</a></li>
    <li><a href='#Eighth Fleet'>Eighth Fleet</a></li>
    <li><a href='#Ninth Fleet'>Ninth Fleet</a></li>
</ul>
<div id='Fifth Fleet'>
    <p>Some Test Junk Here</p>
</div>
<div id='Eighth Fleet'>
    <p>Some Test Junk Here</p>
</div>
<div id='Ninth Fleet'>
    <p>Some Test Junk Here</p>
</div>            

Answer 1

我发现了问题所在。空格是无效字符。当从“第五舰队”、“第六舰队”和“第八舰队”中删除空格时，代码的工作方式与问题中所写的一样。