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>');

どうやってやるの?

chattabsまた、このIDをdivの外から取得するにはどうすればよいですか?

4

1 に答える 1

1

タブを初期化するときに activate イベントを使用できます。

$( "#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 に答える