0

初心者から忍者へのうなり声通知を実装しました。しかし、最終通知は行きません。元のサイトポイント コードも確認しましたが、そこにも最終的なメッセージが残っています。

2 番目のバブルの閉じるボタンをクリックしても何も起こらない - setTimeout ie で追加

<p>Stay awhile!</p><p>Stay FOREVER!</p>

どんな助けでも大歓迎です。

JavaScript コードは次のとおりです。

$(document).ready(function(){
addNotice('<p>Welcome to StarTrackr!</p>');

setTimeout(function() {
    addNotice('<p>Stay awhile!</p><p>Stay FOREVER!</p>');
}, 1000);

$('#growl')
.find('.close')
.on('click', function() {
    $(this)
        .closest('.notice')
        .animate({
            border: 'none',
            height: 0,
            marginBottom: 0,
            marginTop: '-6px',
            opacity: 0,
            paddingBottom: 0,
            paddingTop: 0,
            queue: false
        }, 1000, function() {
            $(this).remove();
        });
});
});

function addNotice(notice) {
$('<div class="notice"></div>')
    .append('<div class="skin"></div>')
    .append('<a href="#" class="close">close</a>')
    .append($('<div class="content"></div>').html(notice))
    .hide()
    .appendTo('#growl')
    .fadeIn(1000);
}
4

1 に答える 1

1

あなたが必要

$('#growl')
    .on('click', '.close', function() {

.close要素は動的に作成され、.find()まだ存在しないため、その時点では見つかりません。

于 2013-04-28T10:03:35.227 に答える