PHP & jQuery - 根据正文类或滚动条更改href？

Question

如果从主页（一页滚动网站）单击，我希望徽标的 onclick 滚动到顶部（主页），如果在内部页面上单击，则徽标链接保留为网站 url。

我的客户基本上不希望网站从主页重新加载徽标。

最好的方法是什么？到目前为止，我已经想到了两种方法...

1. 将 href 属性替换为 url + body 类（我的菜单链接使用这个并滚动到每个部分而不重新加载页面）
2. 如果在body hasclass .home 时点击logo，滚动到窗口顶部。但我不确定这是否会覆盖主题设置的 url？

这是如何从 partials/menus.php 文件中设置徽标 href 的 sn-p...

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

我在 Wordpress 上使用 Uncode 主题。而且我是 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

可以在渲染页面前检查当前链接是否为首页：

$href = ($_SERVER["REQUEST_URI"]==home_url("","relative")?"#":esc_url( home_url( '/' ) ))

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

如果您希望为滚动设置动画，则可以添加以下 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', '#'); 
     }
});