Jquery 通知栏的关闭按钮答案

【问题标题】：Close button for Jquery notification barJquery 通知栏的关闭按钮
【发布时间】：2015-06-11 23:06:43
【问题描述】：

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

要关闭该栏，您只需单击其主体中的任意位置。我怎样才能改变这种行为？我需要添加一个关闭按钮（一个 X），单击该按钮会关闭该栏。如果用户在通知栏正文中单击，期望的结果是什么都不应该发生。

这是关闭栏的代码：

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

谢谢！

【问题讨论】：

【解决方案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();
});

【讨论】：

【解决方案2】：

好吧，做吧：

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

#close-btn 是关闭通知栏的按钮。

【讨论】：