PHPおよびjQuery - ボディクラスまたはスクロールトップに応じてhrefを変更しますか？

Question

ホームページ（1ページのスクロールウェブサイト）からクリックした場合はトップ（ホームページ）にスクロールし、内部ページの場合はロゴリンクをサイトURLとして残しておきます。

私のクライアントは基本的に、サイトがホームページからロゴのonclickをリロードすることを望んでいません。

これを行うにはどうすればよいでしょうか？私は、クリックした場合、これまで...

1. は、ロゴを
2. （私のメニューのリンクはこれを使用してページをリロードすることなく、各セクションにスクロールします）URL +ボディクラスでhref属性を交換して、2つの方法を考えていますbody hasclass .homeのときは、ウィンドウの上部にスクロールします。しかし、これがテーマによって設定されたURLを上書きするかどうかはわかりません。

これは、私がWordpressの上Uncodeのテーマを使用しています...

$logoDiv = '<a href="'.esc_url(home_url('/')).'" class="navbar-brand" data-minheight="'.(($LOGO->logo_min == "") ? "20" : esc_attr($LOGO->logo_min)).'">'; 

ロゴHREFがパーシャル/ menus.phpファイルから設定されているかのスニペットです。そして、私はPHPとjQueryの初心者です...これについての最善の方法としての提案は非常に高く評価され、私は自分自身で試してみることができます！

ありがとうございました:)

Answer 1

をあなたは

$logoDiv = '<a href="javascript:void(0)" class="navbar-brand" data-minheight="'.(($LOGO->logo_min == "") ? "20" : esc_attr($LOGO->logo_min)).'" onclick="window.scrollTo(0,0);">'; 

が、それはあなたの現在のリンクがページをレンダリングする前にホームページであるかどうかをチェックすることができますあなたの

Answer 2

を助けることを願って、以下のコードを使用することができます。

スクロールをアニメートする場合は、次のjQueryを追加できます。

$("[href='#']").on("click", function (e) { 
    e.preventDefault(); 
    $('html, body').animate({ 
     scrollTop: 0 
    }); 
}); 

これは、あなたがそれを制限したい場合は、より具体的なセレクタが必要と思いhref='#'持つすべてのリンクで動作します。

あなたのコメントが示唆しているように、現在のページがホームページであるかどうかを判断する方法がある場合は、jQueryでこれを行うこともできます。

あなたのソリューションは、動作するはずです：

$(document).ready(function() { 
    if($(body).hasClass("home")){ 
     $(".navbar-brand[href='ldngrp.co']").attr('href', '#'); 
    } 
});