需要当前JQUERY-UI选项卡的HTML内容

Question

<div id="tabs">
      <ul> 
        <li><a href="1.asp" title="Tab One">Tab One</a></li> 
        <li><a href="2.aso" title="Tab Two">Tab Two</a></li> 
        <li><a href="3.asp" title="Tab Three">Tab Three</a></li> 
      </ul> 
    </div>

我有一个标签小部件，显示来自不同网址的内容。

我需要一个表达式，以在选项卡面板中获取当前显示内容的内容（HTML字符串）。像

这样的东西

alert($('tabs').tabs('option', 'selectedpanel').innerHTML);

我唯一的参考是JQuery文档http://api.jqueryui.com/tabs/，但我无法从那里的API文档中得到合适的答案。

Answer 1

只需使用标签的加载事件，如下所示：

<script>
$(function() {
    $( "#tabs" ).tabs({
        load: function( event, ui ) {
            alert(ui.panel.html());
        }
    });
});
</script>