使用动态数据和标签

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