Jquery ui 创建jquery ui选项卡时出现问题

我需要根据db结果动态创建选项卡，但由于我刚刚开始学习jquery和UI，我想先创建一些简单的东西

基本上，我从最初的三个选项卡开始，并尝试通过jquery添加另一个选项卡

<div id="tabs">
        <ul>
      <li><a href="#tabs-1">Nunc tincidunt</a></li>
      <li><a href="#tabs-2">Proin dolor</a></li>
      <li><a href="#tabs-3">Aenean lacinia</a></li>
     </ul>
     <div id="tabs-1">
      <p>Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. Donec sollicitudin mi sit amet mauris. Nam elementum quam ullamcorper ante. Etiam aliquet massa et lorem. Mauris dapibus lacus auctor risus. Aenean tempor ullamcorper leo. Vivamus sed magna quis ligula eleifend adipiscing. Duis orci. Aliquam sodales tortor vitae ipsum. Aliquam nulla. Duis aliquam molestie erat. Ut et mauris vel pede varius sollicitudin. Sed ut dolor nec orci tincidunt interdum. Phasellus ipsum. Nunc tristique tempus lectus.</p>
     </div>
     <div id="tabs-2">
      <p>Morbi tincidunt, dui sit amet facilisis feugiat, odio metus gravida ante, ut pharetra massa metus id nunc. Duis scelerisque molestie turpis. Sed fringilla, massa eget luctus malesuada, metus eros molestie lectus, ut tempus eros massa ut dolor. Aenean aliquet fringilla sem. Suspendisse sed ligula in ligula suscipit aliquam. Praesent in eros vestibulum mi adipiscing adipiscing. Morbi facilisis. Curabitur ornare consequat nunc. Aenean vel metus. Ut posuere viverra nulla. Aliquam erat volutpat. Pellentesque convallis. Maecenas feugiat, tellus pellentesque pretium posuere, felis lorem euismod felis, eu ornare leo nisi vel felis. Mauris consectetur tortor et purus.</p>
     </div>
     <div id="tabs-3">
      <img src="content/user_avatars/User_full_blank.jpg" width="200px" height="300px"/>
     </div>

    </div>

青蒿素、金樱子、天妇罗、金樱子a、金樱子。库拉比图尔nec arcu。我坐在阿梅特·莫里斯旁边。这是一个很好的例子。埃蒂亚姆·阿利奎特·马萨和洛雷姆。毛里斯·达比乌斯·拉库斯·奥克托·里苏斯。埃涅亚临时乌拉姆科珀狮子座。维瓦摩斯·塞德·马格纳·奎斯·利古拉·埃利弗德·阿迪皮斯。杜伊斯·奥奇。苏打水煎饼或同侧生命。阿利奎姆·努拉。我是阿利奎姆·莫莱斯蒂·埃拉特。这是一种新的葡萄品种。这是我的梦想。同侧相位。努克·特里斯蒂克·坦普斯·莱克图斯

Morbi tincidunt，我坐在医院里，看医生，看医生，看医生，看医生。杜伊斯·塞勒里克·莫莱斯蒂·图皮斯。塞德·弗林利亚，马萨·埃吉特·卢克图斯·马莱苏阿达，梅特斯·厄洛斯·莫莱斯蒂·莱克托斯，我们的厄洛斯·多洛。埃尼安·阿利奎特·弗林利亚。悬钩子在舌苔中是舌苔。在爱神的前庭里祈祷。临床医生。库拉比图尔·奥纳雷·康塞奎特·努克。埃尼安·韦尔梅特斯。乌特·波苏尔·维韦拉·努拉。阿利奎姆·埃拉特·帕特。佩伦茨克康瓦利斯。梅塞纳斯·费吉亚、佩伦特斯·普雷蒂姆·波苏尔、猫科动物奥勒姆·尤伊斯莫·费利斯、欧纳·利奥·尼西·维勒·费利斯。毛里斯·康塞德图尔·托托和珀鲁斯

如您所见，在调用tabs方法之前，我只是尝试在ul中创建一个列表项

$(function(){
    $('#tabs ul').append('<li><a href="login.php"><span>New Tab<span></a></li>');
    $('#tabs').tabs();
})

$（函数（）{
$（'#tabs ul'）。追加（'
'）；
$（“#tabs”）.tabs（）；
})

---

这在firefox中效果很好，但在IE中，我看到“新标签”在三个初始标签旁边显示为简单文本，它没有样式化或可点击或其他任何东西。。。。有什么帮助吗？

我觉得IE不喜欢锚内的跨度

这项工作：

$(function(){
    $('#tabs ul').append('<li><a href="login.php">New Tab</a></li>');
    $('#tabs').tabs();
});

$（函数（）{
$（'#tabs ul'）。追加（'
'）；
$（“#tabs”）.tabs（）；
});

谢谢，这确实解决了问题，但由于我将加载远程数据，我需要使用微调器来设置选项卡选项，微调器需要锚定标记中的跨度标记才能工作：SHmm，跨度标记是否可以位于锚定标记之外？