jquery - jquery 的类内类

我想使用 jquery 淡入文本。我已经设置了一切，但似乎不起作用。也许有人可以帮助我解决这个问题？这就是我所拥有的:

.nav ul li {
opacity: 0;
padding: 0px 50px;
transition: opacity 2s ease-in; 
/* and some more transitions for other browsers */
}

.nav ul li.fade {
opacity: 1;
/* The problem is probably here: class inside of another class */
}

jquery:

$('ul.nav li').addClass('fade');

希望有人能帮帮我。我不知道如何解决这个问题。我查找了一些解决方案，但我认为它们不能解决我的问题。提前致谢。编辑:我从这个网站的示例中得到了这个，并打算尝试一下。

编辑2: fiddle :

<title>title</title>
<body>
<div id='container'>
        <div id='navLeft' class='nav'>
        <ul>
        <li>link1</li>
        <li>link2</li>
        </ul>
        </div>
        <div id='logo'>
        <img src='images/logo.png' alt='logo' />
        </div>
        <div id='navRight' class='nav'>
        <ul>
        <li>link3</li>
        <li>link4</li>
        </ul>
        </div>
</div>
</body>

我的标签:

<script type='text/javascript' src='//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js'></script>
<script type='text/javascript' src="js/class.js"></script>

最佳答案

根据你的jsFiddle判断，你需要使用: