0

残念ながら、ローカルホストで Joomla を使用しているため、Web ページへのリンクを提供できません。

スムーズスクロールを使用してリンクを固定する Web ページがあります。

メニューは左側に固定され、シンプルな

<a href="#wrapper">top</a>
<a href="#section1">section1</a>
<a href="#section2">section2</a>
<a href="#section3">section3</a>

jQueryアコーディオン拡張機能をセクションのいずれかにアクティブ化すると、問題が発生します。（私はそれらをすべてダウンロードして試しました）

アコーディオンをセクション 1 に配置すると、セクション 2 と 3 を除くすべてのページ ジャンプが機能しません。

アコーディオンをセクション 2 に配置すると、セクション 3 へのページ アンカーが機能しません。

return false; を削除してみました。無駄に：

jQuery(document).ready( function () {
//Set default open/close settings
    jQuery('.xac-container').hide(); //Hide/close all containers
    jQuery('.xac-trigger:first').addClass('active').next().show(); //Add "active" class to first trigger, then show/open the immediate next container

    //On Click
    jQuery('.xac-trigger').click(function(){
        if( jQuery(this).next().is(':hidden') ) { //If immediate next container is closed...
            jQuery('.xac-trigger').removeClass('active').next().slideUp(); //Remove all "active" state and slide up the immediate next container
            jQuery(this).toggleClass('active').next().slideDown(); //Add "active" state to clicked trigger and slide down the immediate next container
        }
        else{
            jQuery('.xac-trigger').removeClass('active');
            jQuery(this).next().slideUp();
        }
      //  return false; //Prevent the browser jump to the link anchor
    });

});

アコーディオンを作成するための CSS チュートリアルをいくつか見ましたが、クリックされたアコーディオン項目ごとにページジャンプが作成され、ブラウザの履歴に不必要に追加されます。

私が十分に明確であることを願っています。よくある問題のように思えましたが、私の長い検索は無駄でした。

4

1 に答える 1

0

Lodderのコメントからの正しい答え。

複数のjQueryライブラリをロードしました。

ランダム コードのコピー アンド ペーストには注意してください。

于 2012-07-19T09:30:01.313 に答える