如何指定jQueryUI选项卡目标面板？

当所有内容都通过AJAX加载并且目标位于父“tabs”div之外时，为jQueryUI选项卡指定共享目标面板的最干净的方法是什么

例如：

<div id="tabs">
  <ul>
    <li><a href="link1.html" title="Go to Link 1"><span>Link 1</span></a></li>
    <li><a href="link2.html" title="Go to Link 2"><span>Link 2</span></a></li>
    <li><a href="link3.html" title="Go to Link 3"><span>Link 3</span></a></li>
    <li><a href="link4.html" title="Go to Link 4"><span>Link 4</span></a></li>
  </ul>
</div>

<div id="panel">Content should be loaded here.</div>

内容应该在这里加载。

---

编辑：我希望每个链接都有一个唯一的title属性

为目标div指定一个title，例如：

<div id="panel" title="contentPane">Content should be loaded here.</div>

内容应在此处加载。

并为选项卡链接提供相同的标题：

<div id="tabs">
  <ul>
    <li><a href="link1.html" title="contentPane"><span>Link 1</span></a></li>
    <li><a href="link2.html" title="contentPane"><span>Link 2</span></a></li>
    <li><a href="link3.html" title="contentPane"><span>Link 3</span></a></li>
    <li><a href="link4.html" title="contentPane"><span>Link 4</span></a></li>
  </ul>
</div>

给你的目标部门一个标题，例如：

<div id="panel" title="contentPane">Content should be loaded here.</div>

内容应在此处加载。

并为选项卡链接提供相同的标题：

<div id="tabs">
  <ul>
    <li><a href="link1.html" title="contentPane"><span>Link 1</span></a></li>
    <li><a href="link2.html" title="contentPane"><span>Link 2</span></a></li>
    <li><a href="link3.html" title="contentPane"><span>Link 3</span></a></li>
    <li><a href="link4.html" title="contentPane"><span>Link 4</span></a></li>
  </ul>
</div>

在当前版本的jQueryUI（1.7.2）中，如果没有事件修改，这似乎是不可能的

---

我已经提交了一个更优雅的解决方案供考虑。

在当前版本的jQueryUI（1.7.2）中，如果没有事件修改，这似乎是不可能的

---

我已提交了一个用于考虑更优雅的解决方案。

使用

li

标记上的

aria controls

属性来选择面板的

id

<div id="tabs">
   <ul>
     <li aria-controls="panel"><a href="link1.html"><span>Link 1</span></a></li>
     <li aria-controls="panel"><a href="link2.html"><span>Link 2</span></a></li>
     <li aria-controls="panel"><a href="link3.html"><span>Link 3</span></a></li>
     <li aria-controls="panel"><a href="link4.html"><span>Link 4</span></a></li>
   </ul>
  <div id="panel" >Content should be loaded here.</div>
</div>

内容应该在这里加载。

使用

li

标签上的

aria控件

属性选择面板的

id

<div id="tabs">
   <ul>
     <li aria-controls="panel"><a href="link1.html"><span>Link 1</span></a></li>
     <li aria-controls="panel"><a href="link2.html"><span>Link 2</span></a></li>
     <li aria-controls="panel"><a href="link3.html"><span>Link 3</span></a></li>
     <li aria-controls="panel"><a href="link4.html"><span>Link 4</span></a></li>
   </ul>
  <div id="panel" >Content should be loaded here.</div>
</div>

内容应该在这里加载。

您知道没有使用title属性的其他方法吗？@Matt-不，我不知道，我记得我花了相当长的时间来解决上述问题。如果你确实发现了一些东西，请分享知识：）我已经更新了我的问题，以反映独特标题属性的要求。你实际上需要给你的目标div一个

contentPane

的

id

，否则这就行了。。。谢谢！不适用于jquery ui 1.9.0-我现在非常需要一个解决方案-您知道没有使用title属性的其他方法吗？@Matt-不，我不知道，我记得我花了相当多的时间来解决上述问题。如果你确实发现了一些东西，请分享知识：）我已经更新了我的问题，以反映独特标题属性的要求。你实际上需要给你的目标div一个

contentPane

的

id

，否则这就行了。。。谢谢！不适用于jquery ui 1.9.0-我现在非常需要一个解决方案，以至于修补程序不被接受。顺便说一句，有没有后续行动来解决问题？那个修补程序不被接受。有没有后续行动来解决问题？