gpt4 book ai didi

javascript - Jquery 通知栏的关闭按钮

转载 作者:行者123 更新时间:2023-12-02 16:05:40 26 4
gpt4 key购买 nike

在这个页面“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/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com