Question

好的，所以基本上当页面加载时，我想在我的id #navHome中添加一个名为“active”的类。但是，班级没有显示。我的HTML部分是一个包含，所以我不知道它是否与此有关，或者我是否只是做了一些愚蠢的错误？

这就是我所拥有的：

HTML部分：

<ul id="navList">
    <li><a href="index.php" title="Home" id="navHome">home</a></li>
    <li><a href="#" title="About" id="navAbout">about</a></li>
    <li><a href="portfolio.php" title="Portfolio" id="navPortfolio">portfolio</a></li>
    <li><a href="#" title="Contact" id="navContact">contact</a></li>
</ul>

CSS部分：

.active {
    font-family: 'OpenSansBold';
    color: #3fe3ab;
    background: url('../design/images/navLiner.png') left center no-repeat;
}

jQuery部分：

$(document).ready(function(){

$('#navHome').addClass('active');

});

Answer 1

在Chrome中，右键单击主页按钮，然后选择“检查元素”。查看是否添加了类。应该是这样的：

<ul id="navList">
    <li><a href="index.php" title="Home" id="navHome" class="active">home</a></li>
    <li><a href="#" title="About" id="navAbout">about</a></li>
    <li><a href="portfolio.php" title="Portfolio" id="navPortfolio">portfolio</a></li>
    <li><a href="#" title="Contact" id="navContact">contact</a></li>
</ul>

如果您看到添加了类，则问题出在CSS上。如果你没有看到添加的类，那么你的jQuery就会出现问题。从那里，你应该能够自己解决它。

如果您无法解决，应该能够通过缩小问题来更好地帮助您。这是你的jQuery或CSS的问题？回复您的结果，以便我们在您需要时为您提供进一步的帮助。

jQuery添加类不起作用

1 个答案: