jQuery對話框未關閉

Question

我的網站上有一個javascript / jQuery cookie確認框，如下所示： http : //jsfiddle.net/x7rAk/1/

var checkCookies = document.cookie;
var cookieNotice = '<div id="continue_box" class="cookie_box"><p>This website uses cookies to improve the user experience. For more information on cookies please see this <a href="/cookies/index.php">link</a>. By clicking continue, you agree to the use of cookies.</p><p class="cookies_accept"><span class="cookie_button" id="continue"><img src="/images/tick.png"/><span> Continue</span></span></p></div>';

    $('body').ready(function() {
        $('body').prepend($(cookieNotice).fadeIn(2000));
    });

var continueButton = 'span#continue.cookie_button';
var closeButton = 'span#close.cookie_button';
var closeNotice = '<div id="close_box" class="cookie_box" style="display:none"><p>You have agreed to the use of cookies. This allows us to bring you a better service by remembering your preferences.</p><p class="cookies_accept"><span class="cookie_button" id="close"><img src="/images/cross.png"/><span> Close</span></span></p></div>';

$('#continue_box.cookie_box').ready(function() {
    $(continueButton).click(function() {
        $('#continue_box.cookie_box').fadeOut(1000, function() {
            $('body').prepend($(closeNotice).fadeIn(1000));
        });
    });
});

$(closeButton).click(function() {
    $('#close_box.cookie_box').fadeOut(2000);
});

這缺少圖像和字體等，但是其工作原理與我的網站完全相同。

如果運行代碼，則單擊關閉時，該框不會消失。

首先，我該如何解決它，其次為什么我的我不起作用（我想知道為什么，所以我不必再浪費時間了：））。

謝謝，

康納

PS在我的網站上，在顯示它之前，它會檢查您是否有一個名為cookiesAgree的cookie，因此代碼通常更為復雜。

Answer 1

這應該工作

 $(document).on("click", closeButton, function() {
    $('#close_box.cookie_box').fadeOut(2000);
});

內容是動態添加的，因此您需要注冊事件處理程序。