1

私は問題があります。私は自分のページにあるのとまったく同じコードをコピーしましたが、ここのjsfiddleで正常に動作します。このコードをhtml/css / jsに貼り付けると、機能しません。何か理由はありますか？コードの何が問題になっていますか？簡単なことだと思いますが、理解できません。よろしくお願いします。ところで：必要な場合は、ここにソースコードがあります。スライドダウンするので4秒待つ必要があります。Xボタンはwholdedivを非表示にする必要がありますが、非表示にしません。それが問題です。

コードはここにあります：

     <div id="wrapper">
        <div id="cookies">
            <p>Leed City Wifi uses cookies. By continuing to browse the site you are agreeing to use our cookies: </p>
            <a href="terms-cookies.html">Find out more</a>
            <a href="#" id="close" > <img src="http://content.captive-portal.com/cookies/_images/close.png"/></a>
        </div>        
</div>

ここでjquery：

$(document).ready(function(){
$('#wrapper').hide();
function delay() {
    $('#wrapper').slideDown(500);
}
setTimeout(delay, 500);
});

$(document).ready(function(){
$('#cookies').hide();
function delay() {
    $('#cookies').slideDown(200);
}
setTimeout(delay, 4000);
});


$("#close").click(function() {
 $("#cookies").slideUp(function() {
     window.location.href = "#";
     });
 });

ここにjsfiddle 。よろしくお願いします

4

2 に答える 2

3

delay.jsファイルをこれに変更します...

$(document).ready(function(){
    $('#wrapper').hide();
    $('#cookies').hide();

    setTimeout(function() {
        $('#wrapper').slideDown(500);
    }, 500);

    setTimeout(function() {
        $('#cookies').slideDown(200);
    }, 4000);

    $("#close").click(function() {
        $("#cookies").slideUp(function() {
            window.location.href = "#";
        });
    });
});

複数のブロックではなく、すべてを1つのdocument.readyブロックにまとめ、関数をタイムアウト呼び出しに直接配置し、クローズクリックハンドラーの構文エラーを修正しました（閉じ括弧がありませんでした）。

また、閉じるクリックハンドラーはdocument.ready、以前は割り当てられていなかった間に割り当てる必要がありました。これがjsFiddleで機能した理由です。これは、デフォルトでonLoadを使用していたためです。

于 2013-01-16T11:35:57.197 に答える
1

これを試して：

$(document).ready( function(){
    $('#wrapper').hide();

    function delay1() {
        $('#wrapper').slideDown(500);
    }

    setTimeout(delay1, 500);

    $('#cookies').hide();

    function delay2() {
        $('#cookies').slideDown(200);
    }

    setTimeout(delay2, 4000);

    $("#close").click(function() {
        $("#cookies").slideUp(function() {
            window.location.href = "#";
        });
    });
});
于 2013-01-16T11:40:55.460 に答える