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>

來源

2013-05-18 Blooded

安置自己的標記/年的jsfiddle例子展示請問問題.. – lifetimes

你的html看起來像什麼？ – anomaaly

爲什麼不使用'fadeIn（）'而不是添加類... – bipen

由您的jsFiddle判斷，您需要使用：

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

，改變你的CSS來：

div.nav ul li.fade { 
    opacity: 1; 
}

因爲在你的HTML，它具有類.nav的<div>：

<div id='navRight' class='nav'>

Here's the jsFiddle.

來源

2013-05-18 22:00:21 lifetimes

它似乎工作在jsFiddle，謝謝你。但由於某種原因，它不適用於我自己的網站。這可能是與jQuery鏈接的問題？我從谷歌的圖書館得到它。 – Blooded

@Blooded您是否在控制檯中發現任何錯誤？它應該工作，如果這就是你的HTML實際上看起來像。任何jQuery的工作？ – lifetimes

這是實際的代碼。我不知道如何測試jQuery是否工作或不容易;這實際上是我設置jquery的測試，哈哈。這是我在頁面底部的body標記關閉之前所擁有的內容:(我將它添加到頁面頂部的帖子中，使其更容易閱讀！） – Blooded

你的意思是這樣的：

ul.nav li.fade {

，而不是這個？

.nav ul li.fade {

也改變了第一個「.nav UL」到「ul.nav」

來源

2013-05-18 21:49:23 anomaaly

我想你想

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

因爲.nav ul li是它

與轉變特性的選擇

來源

2013-05-18 21:49:38 Musa

我第一次嘗試過，但沒有奏效。我查了一下，另一個帖子告訴我'ul.nav li'是要走的路。這可能是錯誤的，但我仍然是新的。 ;） – Blooded

@Blooded你的選擇器在css窗口中是'nav ul li'，當它應該是'.nav ul li'時，注意這個點。 – Musa

我差點把它工作了，我不小心將點移開了。你的答案是正確的，我錯了，但由於某種原因，我的jquery無法正常加載。謝謝你的幫助。 – Blooded

jquery裏面的類裏面的類

回答

相關問題