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

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')

    nav.addClass('js--main-nav black-nav'); //here is the change

} else {

console.log('IF condition is not fulfilled')

}