jqueryのクリックイベントを設定すると、ページ遷移ができない件

色々ためした結果、jQueryの下記をコメントアウトすると、問題なく動くことがわかりました。

前提・実現したいこと

headerのnavリンクを押してもページが遷移しない問題を解決したい。

発生している問題・エラーメッセージ

質問、失礼いたします。
初心者のため、わかりづらい点がありましたら申し訳ありません。

webサイト(5ページの構成)を現在制作中です。
その中でJQueryを使ってクリックイベントを設定し、headerのnavをクリックすると、下線をつける実装をしております。

５ページの中の4ページはnavをクリックすると各々のページに遷移するのですが、
１ページだけ、クリックをしてもページが遷移しません（クリックしても何も反応しない）。

色々試した結果、下線をつける、下記の部分のjQueryをコメントアウトすると、
該当ページも問題なくページ遷移することがわかりました。

該当ページと、他のページとの違いで思いつくことは、
中身にswiperを使っていることくらいです。

もし、解決策の可能性がわかればご教示いただきたいです。
よろしくお願いいたします。

考えられる原因があれば、ご教示いただきたいです。

エラーメッセージ
とくにございません。

該当のソースコード　HTML

 <header id="js-header" class="header">
      <div class="inner header__inner">
        <div class="header__wrapper">
          <h1 class="header__logo"><a href=""><img src="/assets/img/common/logo.png" alt="salon miiina"></a></h1>
          <nav class="header__nav">
            <button id="js-toggle" class="header__burger" aria-label="menu">
              <span class="header__burger--inline"></span>
              <span class="header__burger--inline"></span>
              <span class="header__burger--inline"></span>
            </button>
            <ul class="header__nav--list">
              <li class="header__nav--item">
                <a href="/index.html" class="header__nav--link js-navLink">Home</a>
              </li>
              <li class="header__nav--item">
                <a href="/gallery/index.html" class="header__nav--link js-navLink">Gallery</a>
              </li>
              <li class="header__nav--item">
                <a href="/orderchip/index.html" class="header__nav--link js-navLink is-active">Order chip</a>
              </li>
              <li class="header__nav--item">
                <a href="/nail/index.html" class="header__nav--link js-navLink">ネイルサロン</a>
              </li>
              <li class="header__nav--item">
                <a href="/yomogimushi/index.html" class="header__nav--link js-navLink">よもぎ蒸しサロン</a>
              </li>
            </ul>
          </nav><!-- /.header__nav -->
          <ul class="header__link--list">
            <!-- <li class="header__link--item">
              <a class="btn header__btn" href="https://ticket.tsuku2.jp/eventsStore.php?scd=0000116012">オンライン<br>ストア</a>
            </li> -->
            <li class="header__link--item">
              <a class="btn header__btn" href="https://beauty.tsuku2.jp/c01ShopMenu.php?scd=0000116012">ご予約</a>
            </li>
          </ul>
        </div>
      </div><!-- /.header__inner -->
      <div id="js-overlay" class="header__overlay"></div>
    </header><!-- /.header -->

該当のソースコード　jQuery

  jQuery('.header__nav ul li a').click(function() {
    jQuery('.header__nav ul li a').removeClass('is-active');
    jQuery(this).addClass('is-active');
    return false;
});

試したこと

・他のページのhtmlのheader部分を丸々コピペして誤入力がないか確認。
・リンク先のパスが間違っていないか確認。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

tomtomtomtom

2020/12/06 03:35

?? return falseがあるので、クリックしても遷移しません。クリックしたら、遷移させたいのか、下線を引きたいのか？？遷移したら、当然ヘッダーを再読み込みします。遷移した先のページで、そのページに該当するアンカーに下線を引きたいのかな？申し訳ありませんが、質問者様の意図がはっきりわかりません^^;

enamode_

2020/12/06 04:43

ご覧くださりありがとうございます。おっしゃる通り、実現したいのはクリックしたらページ遷移して、そのページのメニューの下に下線をひくことです。このjQueryは検索したサイトからコピペしたもので、return falseがあるとページ遷移しないことも理解していませんでした。私が思っていることを実現するにはどのようなコードが適切か、アドバイスを頂けないでしょうか。