根据使用对象的文件向对象添加类

Question

我正在尝试根据正在使用的文件向导航栏添加一个类。导航位于 header.php 中，它包含在 page2.php 或 page3.php 中，但它需要与其他页面不同的颜色。我仍然是业余爱好者，所以我尝试使用这个 javascript：

let url = window.location.pathname;

    let filename = url.substring(url.lastIndexOf('/')+1);

    let nav = $('.js--main-nav');

    if(filename == 'page2.php'|| filename == 'page3.php') {

        nav.addClass('black-nav');

    }

我想在导航上添加 black-nav 类，该类在 page2 或 page3 上使用时也具有 js--main-nav 类，但在其他页面上不添加。

感谢所有的帮助！

Answer 1

你好，我通过在对象的类中添加一个 php 语句来解决它，如下所示：<?php $pagename = basename(__FILE__, '.php'); ?>......<ul class="main-nav <?php if($pagename == 'page2' || $pagename == 'page3') { echo 'black-nav';} else { echo '';} ?> js--main-nav">我没有用 javascript 解决它，但它似乎很好地解决了这个问题！

Answer 2

您是否尝试过合并课程？var url = window.location.pathname;var filename = url.substring(url.lastIndexOf('/')+1);var nav = $('.js--main-nav');if(filename == 'page2.php'|| filename == 'page3.php') {console.log('IF condition is fulfilled')&nbsp; &nbsp; nav.addClass('js--main-nav black-nav'); //here is the change} else {console.log('IF condition is not fulfilled')}