Javascript 无法关闭JS弹出窗口

我有一个脚本谁创建一个弹出窗口，并出现在我的网站上，问题是我不能删除它，这是我的脚本

html

 <div id="growl"></div>

关闭按钮

 .close {
 background: transparent url('../img/egrowl.png') 0 0 no-repeat;
 text-indent: -9999px;
 position: absolute;
 top: 2px;
 right: 2px;
  width: 26px;
 height: 26px;
 }

我的脚本

 $(document).ready(function(){

延迟

setTimeout(function() {

addNotice('<p>Do not Forget To Become A member </p><a href="subscribe.php">Subscribe</a>');

},3000);

设置

 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);
 }

函数添加通知（通知）{
$('')
.append（“”）
.append（“”）
.append（$（''）.html（注意））
.hide（）
.appendTo（“#咆哮”）
.fadeIn（1000）；
}

单击函数回调中的this不再引用调用对象，因此需要将调用对象的this上下文绑定到该函数，或者将其更改为要关闭的元素的id。

单击函数回调中的this不再引用调用对象，因此您需要将调用对象的this上下文绑定到该函数，或者将其更改为要关闭的元素的id。

设置中还有更多错误。我创造了这把小提琴：

您正在将click事件绑定到“.close”元素，但在“.addNotice”中创建该元素之前，您是在$（document）.ready（）处进行绑定的。 我已经移动了一些javascript

---

正如@Jordan正确指出的，您需要更改$（此）。我只是在使用

$（“#咆哮.注意”）

现在

您的设置中有更多错误的东西。我创造了这把小提琴：

您正在将click事件绑定到“.close”元素，但在“.addNotice”中创建该元素之前，您是在$（document）.ready（）处进行绑定的。 我已经移动了一些javascript

---

正如@Jordan正确指出的，您需要更改$（此）。我现在只使用了

$（“#咆哮.注意”）

，

非常感谢，这很好，它在JSFIDLE上运行良好，但是当我把它放在html中时，最后出现了一个错误：意外令牌非法。检查这篇文章：或者只是谷歌“意外令牌非法”）对不起，我的不好，谢谢一切都很好，非常感谢。非常感谢，这很好，它在JSFIDLE上运行得很好，但是当我把它放在我的html中时，我在结尾出现了这个错误：意外令牌非法。查看此帖子：或者只需谷歌“意外令牌非法”；）对不起，我的不好，谢谢一切都很好，非常感谢。

$('#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
        }, 2000, 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);
 }