Использование динамических данных с вкладками

Question

это звучит так просто - но я просто не могу понять синтаксис.

У меня есть вкладка с несколькими сортируемыми списками.

Но сосредоточив внимание на вкладках.При нажатии на вкладку я хотел бы выполнять различные действия.Этого можно добиться, как показано ниже.

$( '#tabs' ).tabs({ 
   selected: '<?php echo 'tabs-'.$iTabSelected ?>',
   select: function( event, ui ) {
    // actions performed
   } 
});

Что меня сдерживает, так это как получить идентификатор элемента li, который составляет мою вкладку:

<div id="tabs">
    <div>
        <div class="tabs">
        <ul id="pui-tabs">

        <?php foreach( $aTabListData as $iKey => $aTabList ) { ?>

            <li id="tab-<?php echo $aTabList['tab'] ?>">

                    <a href="#tabs-<?php echo $aTabList['tab'] ?>"><?php echo $aTabList['name'] ?></a>
            </li>

Япытаясь получить следующий идентификатор при выборе вкладки.

<li id="tab-<?php echo $aTabList['tab'] ?>">

Можно ли использовать ui.tab для получения идентификатора li?

Заранее спасибо.

Answer 1

Метод select на самом деле принимает два аргумента:

$( '#tabs' ).tabs({ 
   selected: '<?php echo 'tabs-'.$iTabSelected ?>',
   select: function(event, ui) {
      // Objects available in the function context:
      ui.tab     // anchor element of the selected (clicked) tab
      ui.panel   // element, that contains the selected/clicked tab contents
      ui.index   // zero-based index of the selected (clicked) tab
   } 
});