2

私が使用するエンジンは、jquerytabs.jsスクリプトを呼び出してタブ関数を処理します。問題は、タブがページの上部にあり、リンクをクリックすると、タブがページの下部に向かってすばやく下にスクロールすることです。私はこの問題を何時間も解決しようとしてきましたが、すべての解決策が同様の答えを示していますが、どれもうまくいきません。

$.fn.tabs = function() {
var selector = this;

this.each(function() {
    var obj = $(this); 

    $(obj.attr('href')).hide();

    $(obj).click(function() {
        $(selector).removeClass('selected');

        $(selector).each(function(i, element) {
             $($(element).attr('href')).hide();
        });

        $(this).addClass('selected');

        $($(this).attr('href')).fadeIn();

        return false;
        e.preventDefault();
    });
});

$(this).show();

$(this).first().click();
};

私が見つけた提案された修正に従って、私は上記の行の1つを次のように変更しました。

$($(element).attr('href')).fadeOut(1);

また、 e.preventDefault();を追加しようとしました。falseを返した後。しかし、それでも運がない?!?別のテンプレートを実行しているサイトを見つけることができましたが、問題はありません。私はFirefoxを使用して、コードを調べてどのように動作するかを調べてきましたが、何時間も壁にぶつかった後、賢明なものを探しています。

4

1 に答える 1

4

HTMLで、追加するだけonclick="return false;"でジャンプが停止します。例:

<ul>
    <li><a href="#tabsDetails" id="tabsDetailsLink" onclick="return false;" >Details</a></li>
    <li><a href="#tabsAddress" id="tabsAddressLink" onclick="return false;" >Address</a></li>
</ul>
于 2012-06-19T06:44:29.260 に答える