javascript - onclick = window.location アンカーが一番上にジャンプします

Question

1ページのワードプレスサイトで、タブ付きコンテンツとして設計されていても、さまざまなスライダーが機能しないという複雑な状況がありました.

サイトはこちら: http://carubba.brandconstructors.com/ で、「プロジェクト」セクションが問題です。

そこで、カテゴリーごとに異なるワードプレスのページテンプレートを作りました。いわゆるタブ間を移動するために onlick=window.location を使用しました。ただし、クリックして次のタブに移動すると、ページが一瞬一番上にジャンプしてから下に戻ります。これが起こらないようにして、アンカーの場所に直行する方法はありますか? return false と javascript:void(0) を追加しようとしましたが、どちらも機能しませんでした。

リンクのコードは次のとおりです。

<ul class="projects-cat">
            <li><a href="#" id="project-gallery" onclick="window.location = '/commercial/#projects';">Commercial</a></li>
            <li><a href="#" id="project-gallery" onclick="window.location = '/marine/#projects';">Marine</a></li>
            <li><a href="#" id="project-gallery" onclick="window.location = '/institutional/#projects';">Institutional</a></li>
            <li><a href="#" id="project-gallery" onclick="window.location = '/civil/#projects';">Civil</a></li>
            <li><a href="#" id="project-gallery" onclick="window.location = '/specialty/#projects';">Specialty</a></li>
            <li><a href="#" id="project-gallery" onclick="window.location = '/residential/#projects';">Residential</a></li>


        </ul>

どんな助けでも素晴らしいでしょう。

編集* これはフッターにあります：

<script>
 $(document).ready(function() {
       $('.projects-cat li a').click(function(e) {
             e.preventDefault();
       });
 });
</script>