4

こんにちは、これは私のjavascriptコードです:

window.onload = function () {

    function hideAds() {
        setTimeout(hide, 2000);
    }

    function hide() {
        var ads = document.querySelector(".ads");
        ads.style.marginTop = (-ads.offsetHeight) + "px";
    }

    function reveal() {
        ads.style.marginTop = "";
        hideAds();
    }
    var ads = document.querySelector(".ads");
    ads.addEventListener("click", reveal, true);


    hideAds();

}

このコードから、最後から2行目の「ads.addEventListener」以外はすべて正常に動作します。理由は何ですか？私はここで何か間違っていますか..？

広告クラスに追加された div をクリックして、公開機能を呼び出す必要があります。

誰も私を助けますか？

4

1 に答える 1

0

あなたが与えたコードはそのまま動作するはずです。jsフィドル

しかし、私はあなたのコードをそのようにリファクタリングしたくなるでしょう。

HTML

<div class="ads">Blah blah blah</div>

Javascript

function setMarginTop(element, marginTop) {
    element.style.marginTop = marginTop || null;
}

function hideAds(element, marginTop, ms) {
    setTimeout(function() {
        setMarginTop(element, marginTop);
    }, ms || 2000);
}

window.addEventListener('load', function () {
    var ads = document.querySelector('.ads'),
        hide = (-ads.offsetHeight) + 'px';

    hideAds(ads, hide);
    ads.addEventListener('click', function (evt) {
        var target = evt.target;

        setMarginTop(target)
        hideAds(target, hide);
    }, false);
}, false);

jsFiddleについて

于 2014-05-15T20:26:21.390 に答える