jQuery ui选项卡上出现语法错误（？）：片段标识符不匹配

我试图创建一个jQueryUITabs框，但得到了一个“不匹配的片段标识符”错误。我知道这意味着/li/elements中的href地址与/div/elements中的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>            

这里有些测试垃圾

这里有些测试垃圾

这里有些测试垃圾

---

我解决了这个问题。空格是无效字符。当从“第五舰队”、“第六舰队”和“第八舰队”中删除空格时，代码的工作方式与问题中所述的相同