0

我有一个动态 jQuery 函数，我在其中动态添加 jquery 选项卡。它产生如下 HTML

<div id="chattabs" class="ui-tabs ui-widget ui-widget-content ui-corner-all">
    <ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all">
        <li class="ui-state-default ui-corner-top" id="some_7"><a href="#ui-tabs-2"><span>Tsefolasha Sefolasha</span></a></li>
        <li class="ui-state-default ui-corner-top ui-tabs-selected ui-state-active" id="some_9"><a href="#ui-tabs-4"><span>Emaynor Maynor</span></a></li>
    </ul>
    <div id="ui-tabs-2" class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-tabs-hide">
        <ul id="messagelist_7">
        </ul>
    </div>
    <div id="ui-tabs-4" class="ui-tabs-panel ui-widget-content ui-corner-bottom">
        <ul id="messagelist_9">
        </ul>
    </div>
    <input type="text" value=" " id="msg">
    <input type="button" value="send" id="send">
    <div id="ui-tabs-1" class="ui-tabs-panel ui-widget-content ui-corner-bottom"></div>
    <div id="ui-tabs-3" class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-tabs-hide"></div>
</div>

现在，当用户单击底部的发送按钮时，我需要向每个选项卡添加内容。就像是

$('#message_9').append('<li>' + message + '</li>');

我怎样才能做到这一点？

另外，我怎样才能从chattabsdiv 之外获取这个 id？

4

1 回答 1

1

您可以在初始化选项卡时使用激活事件。

$( "#chattabs" ).tabs({
    activate: function( event, ui ) {

        //Append something to the active tab
        ui.newPanel.append();

        //Get the active tab`s nested ul
        var ul = ui.newPanel.find('ul');

        //Get the id of the active tab's nested ul
        var ul_id = ul.attr('id');


    }
});
于 2012-12-24T21:18:22.960 回答