0

我有一个关于选项卡脚本（不是 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;
  });

非常感谢任何帮助。

4

1 回答 1

1

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

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

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

于 2013-01-28T21:19:11.140 回答