jquery - 使用带有选项卡的动态数据

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

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