使用動態數據與標籤

Question

這聽起來很容易 - 但我無法弄清楚語法。

我有一個包含多個可排序列表的選項卡。

但重點關注標籤。當點擊標籤時，我想執行各種操作。這可以如下實現。

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

什麼是抱着我的回覆是，我如何才能li元素，這使得我的標籤的ID：

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

我試圖讓下面的ID當選擇一個標籤。

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

我可以使用ui.tab來獲取li id嗎？

在此先感謝。

Answer 1

的選擇方法實際上有兩個參數：

$('#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 
    } 
});