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 に答える