0

好的，基本上当页面加载时，我想在我的 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');

});
4

1 回答 1

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 的问题吗？回复您的结果，以便我们在您需要时为您提供进一步帮助。

于 2013-06-14T19:10:41.210 回答