Question

我有一个关于标签脚本的问题（不是jquery ui标签）。我想在页面顶部选择带有普通文本链接的选项卡。选项卡位于页面底部。我希望这可以通过一个锚来实现，但没有....

链接：

<a class="reviewslink" href="#reviews">blabla</a>

点击标签本身的脚本：

$('.tabs a').click(function(){
        var tabs = $(this).closest('.tabs');
        var pages = tabs.next();
        tabs.find('a').closest('li').removeClass('active');
        pages.find('.page').removeClass('active');
        $(this).closest('li').addClass('active');
        pages.find('.page.'+$(this).attr('rel')).addClass('active');
        return false;
    });

HTML：

<div class="tabs">
          <ul>
            <li class="active"><a rel="bestellen" href="#">Test</a></li>
            <li><a rel="ruilen" href="#" name="maattabel">Test1</a></li>
          </ul>
        </div>

        <div class="tabsPages">
         <div class="page bestellen active"></div>
         <div class="page ruilen"></div>
        </div>

我在下面尝试了这个，但这不起作用，显而易见。我无法弄清楚我应该怎么做。

  $('.reviewslink').click(function() { // bind click event to link

        var tabs = $(this).closest('.tabs');
        var pages = tabs.next();
        tabs.find('a').closest('li').removeClass('active');
        pages.find('.page').removeClass('active');

        tabs.select('select', 3).addClass('active');
        pages.find('.page.reviews.'+$(this).attr('rel')).addClass('active');

        return false;
  });

非常感谢任何帮助。

Answer 1

示例HTML并不完整和/或一致，但我想我明白你要做什么。如何将单击事件发送到选项卡？

$('.reviewslink').click(function() {
    var name = $(this).attr('href').substr(1);
    var tab = $('a[name=' + name + ']');
    tab.click();
    return false;
}

要使此代码生效，您需要将name="reviews"添加到单击链接时要选择的选项卡的a元素。

选择带有文本链接的选项卡

1 个答案: