Jquery通知栏的关闭按钮

Question

在此页面上“jquery notification bars that can be dismissed?”我找到了一个漂亮而干净的jquery通知栏。在这里小提琴：Demo。

要关闭该栏，只需点击其正文中的任意位置即可。我该如何改变这种行为？我需要添加一个关闭按钮（一个X），单击该按钮会关闭该栏。如果用户点击通知栏正文，则所需的结果是不会发生任何事情。

这是关闭栏的代码：

$('#notify').click(function() {
    $(this).slideUp().empty();
});

谢谢！

Answer 1

你可以这样做：

HTML

<div id="notify">Welcome to the test page!<span id="closeNotify"> X </span></div>

的Javascript

$('#closeNotify').click(function() {
    $('#notify').slideUp().empty();
});

$(function(){
    $('#notify').slideDown();
});

JSFiddle

Answer 2

嗯，就这样做：

$('#close-btn').click(function() {
    $('#notify').slideUp().empty();
});

正如您猜测的那样，#close-btn是关闭通知栏的按钮。