jQuery - 覆盖delay() 动作？

发布于 2024-10-30 09:29:57 字数 355 浏览 2 评论 0原文

我有一个与页面重叠的错误消息的代码。我刚刚添加了点击侦听器 - 我希望它能够跳过延迟并在被点击时立即关闭。然而，什么也没有发生。如果我在点击监听器中使用 .hide() ，它就会起作用。但我想顺利过渡。

有什么想法吗？

// Flash messages effect
$("#FlashMessage").slideDown('250').delay(3000).slideUp('250');

// Hide flash message when clicked
$("#FlashMessage").click(function(){
    $("#FlashMessage").slideUp('250');
});

原文

I have this code for an error message that overlaps the page. I just added the click listener - I want it to skip the delay and close right away if it's clicked. However, nothing happens. If I use .hide() in the click listener, it works. But I want to transition it out smoothly.

Any ideas?

// Flash messages effect
$("#FlashMessage").slideDown('250').delay(3000).slideUp('250');

// Hide flash message when clicked
$("#FlashMessage").click(function(){
    $("#FlashMessage").slideUp('250');
});

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

慕巷 2024-11-06 09:29:57

如果#FlashMessage是一个实际的Flash对象，它可能会抓取输入并且不会按预期发出事件。

我可能是错的，但可能的解决方案可能是使用 .focus() 而不是 .click()`

尝试使用图像而不是 Flash，并用它进行测试，如果它有效。我是对的，闪电否认了这一事件。

回复收藏 0 原文

柠檬色的秋千 2024-11-06 09:29:57

jquery.delay 无法跳过。使用js超时方法

$("#FlashMessage").slideDown('250');
window.setTimeout( function(){ $("#FlashMessage").slideUp('250'); },3000);

// Hide flash message when clicked
$("#FlashMessage").click(function(){
    $("#FlashMessage").slideUp('250');
});

http://www.w3schools.com/js/js_timing.asp

jquery.delay is not possible to skip. Use js timeout methods instead

$("#FlashMessage").slideDown('250');
window.setTimeout( function(){ $("#FlashMessage").slideUp('250'); },3000);

// Hide flash message when clicked
$("#FlashMessage").click(function(){
    $("#FlashMessage").slideUp('250');
});

http://www.w3schools.com/js/js_timing.asp

回复收藏 0 原文

~没有更多了~