javascript - Jquery 通知栏的关闭按钮

标签 javascript jquery

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

要关闭该栏,只需单击其主体中的任意位置即可。我怎样才能改变这种行为?我需要添加一个关闭按钮(X),单击该按钮会关闭该栏。如果用户点击通知栏主体,期望的结果是什么都不会发生。

这是关闭栏的代码:

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

谢谢!

最佳答案

你可以这样做:

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

关于javascript - Jquery 通知栏的关闭按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30784421/

相关文章:

javascript - 将多个选择器传递给一个函数

javascript - Rails 4 客户端验证

javascript - 使用变量在循环中调用 addEventListener

javascript - 当视口(viewport)小于 480 时,图像源发生变化

jquery - 使用 jquery ajax 检索响应,同时保留 "this"的范围

javascript - 如何在不更改上下文的情况下将参数数组传递给函数?

javascript - JS : Convert Today's Date to ISOString() with Fixed Time

javascript - $.proxy 和原生js 'call'/'apply' 有什么区别?

javascript - jQuery 获取文本阴影变量(多个阴影)

javascript - 如何在网页上的谷歌地图上添加地址?