2

我正在开发一家餐厅外卖网站，并试图弄清楚如何从其他选项卡定位选项卡内的锚标签，例如，主选项卡将是：菜单、信息、评论，然后在菜单选项卡内我想要一个列出食物类型（开胃菜、主菜等）的子菜单，理想情况下，我希望它们都同时可见，例如，如果您从评论单击到甜点，您将进入菜单选项卡以甜点锚。

<ul class='tabs'>
<li><a href='#tab1'>Menu</a></li>
    <ul class="submenu">
       <?php foreach ($contents as $header_id => $item_array): ?>
       <li>
          <a href="#<?php echo $item_array[0]["content"] ?>"><?php echo $item_array[0]["content"] ?></a>
       </li>
      <?php endforeach; ?>
    </ul>
<li><a href='#tab2'>Info</a></li>
<li><a href='#tab3'>Reviews</a></li>
</ul>
4

2 回答 2

0

要通过单击链接从一个选项卡切换到另一个选项卡，您可能需要将自定义处理程序附加到这些链接。

例如：

HTML：

<li><a href="#" class="desertLink">Dessert</a></li>

JS：

$(".desertLink").click(function(){
  $( ".tabs" ).tabs( "option", "active", 1 );
  $( "html, body" ).animate({scrollTop:$('#dessert_id').position().top}, 'slow');
});

会将您的选项卡从“菜单”选项卡切换到“信息”选项卡。

有关更多选项，请查看http://api.jqueryui.com/tabs/#option-active上的 Tabs API

于 2013-02-27T16:40:54.257 回答
0

如何从其他选项卡定位选项卡内的锚标记？

尝试使用find()“获取当前匹配元素集中每个元素的后代，由选择器、jQuery 对象或元素过滤”的方法。

$('ul.tabs li ul.submenu').each(function() {
    var anchors = $(this).find('a'); //these anchors are per sub menu.
});
于 2013-02-27T16:35:27.023 回答