如何指定jQueryUI標籤目標面板？

當所有內容通過AJAX加載並且目標位於父「tabs」div之外時，爲jQueryUI選項卡指定共享目標面板的最簡單方法是什麼？如何指定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>

編輯：我寧願每個鏈接

來源

2009-06-15 Matt

看來，這是不可能與當前版本的jQueryUI（1.7.2）沒有事件修改。

我已經提交了一個patch考慮更優雅的解決方案。

來源

2009-06-15 16:28:38 Matt

獨特的title屬性給你的目標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>

來源

2009-06-15 15:50:12 karim79

的id是否有另一種方法，你都知道，而無需使用title屬性？ – Matt 2009-06-15 15:53:40

@Matt - 不，我沒有意識到，正如我記得我花了相當長的時間來搞清楚上述情況。如果你確實找到了一些東西，請分享知識:) – karim79 2009-06-15 15:55:27

使用aria-controls上li標籤屬性選擇面板

<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>

來源

2013-08-05 17:05:44

如何指定jQueryUI標籤目標面板？

回答

相關問題