1

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： フィドル：

<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>
4

3 に答える 3

1

これを意味しますか：

ul.nav li.fade {

これの代わりに？

.nav ul li.fade {

また、最初の「.nav ul」を「ul.nav」に変更します

于 2013-05-18T21:49:23.613 に答える
1

私はあなたが欲しいと思います

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

.nav ul liトランジションプロパティを持つセレクターであるため

于 2013-05-18T21:49:38.337 に答える
1

あなたの jsFiddle から判断すると、次のものを使用する必要があります。

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

CSSを次のように変更します。

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

あなたのHTMLでは<div>、クラスを持つのは.nav:

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

これがjsFiddleです。

于 2013-05-18T22:00:21.787 に答える