1

したがって、次のデータがありますが、divが表示されません。

html：

<div id="divTest" class="cTest">
others divs, and html in here
</div>

css：

.cTest {
    position: absolute;
    top: 60px;
    left: 100px;
    right: 100px;
    bottom: 25px;
    min-height: 500px;
    min-width: 500px;
    overflow: hidden;
    background-color: #FF0000;
    border: 0px solid #000000;
    font-family: arial; 
    font-size: 10pt;
    font-weight: normal;
    margin: 0px;
    padding: 5px;
    cursor: default;
    z-index: 10;
    visibility: hidden;

    -moz-box-shadow: 0px 0px 5px 5px #777777;
    -webkit-box-shadow: 0px 0px 5px 5px #777777;
    box-shadow: 0px 0px 5px 5px #777777;
}

ボタンをクリックするとjsが実行されます：

$("#divTest").fadeIn(600);

私は何か間違ったことをしていますか？

4

1 に答える 1

2

jQueryのfadeInにはdisplay：noneが必要です。可視性の代わりに：非表示;

可視性を非表示にする必要がある場合は、CSS関数を使用して最初に可視にします。

$('#divTest').css('visibility','visible').hide().fadeIn(600);

それ以外の場合は、visibility：hiddenを削除し、display：noneと交換します。

于 2012-05-16T10:01:03.643 に答える