0

私は新しいのでJavaScriptjQuery私の非常に基本的な質問を気にしないでください:

JavaScript特定の関数が呼び出され たときに表示したい次のdivを作成しました。

<div id='faix' class="bg4 w460 h430 tac poa dpn">
    <h4 class="fwb fs22 cf3 mb5 ff3 mt150 ">Thank you John for contacting us!</h4><h4 class="fwb fs22 cf3 mb5 ff3"> We will get in touch with you shortly.</h4>
</div>

しかし、その関数が呼び出され、これをその関数に渡した場合、IDが「faix」のそれぞれのdivは表示されません。

$('#faix').fadeIn(500);

上記のコードで何が間違っていますか?

4

5 に答える 5

1

あなたが置いたことを確認してください

$('#faix').fadeIn(500);

の中へ

$(function() {
    $('#faix').fadeIn(500);
});

必要があるため、wennjQueryの準備ができています。

于 2012-04-21T14:32:43.407 に答える
0

コードを次の間にラップしてみてください:

$(function(){

});

クロスブラウザ互換性のために、次のコードでcssを使用してdivが非表示になっているかどうかを確認します。

display:none;
于 2012-04-21T14:34:25.777 に答える
0

それらのクラスのいずれも、またはそのbg4 w460 h430 tac poa dpnようなもののようなことを言っていないことを確認してください。display:none !importantvisibility:hidden !importantmargin-top: -99999px

呼び出しを行った後、Inspector(Ctrl + Shift + I)を使用して病気のdivを見つけ、そのCSSプロパティを調べて、表示する必要があるかどうか、または他の何かが表示されないようにするかどうかを判断します。また、コンソールを見てエラーを監視します。おそらくそれは一連の関数にあり、1つが失敗すると、後続の関数も失敗します。

于 2012-04-21T14:35:24.450 に答える
0

あなたのコードは大丈夫です。htmlがまだビルドされていないとき、あなたはそれを呼んでいると思います。コードを$(document).readyでラップします:

$(document).ready(function() {
    $('#faix').fadeIn(500);
});
于 2012-04-21T14:32:30.943 に答える
0

jquery apiをインポートしたり、document.ready関数内に配置したりするなどの基本的なことを確認してください。

また、dividがjqueryapiのdiv名と衝突したためにこのような問題が発生したことを覚えているので、div名を変更してみてください。

于 2012-04-21T14:37:52.483 に答える