jquery - 如何创建一个类似于stackoverflow的框，点击关闭

Question

重复：我将如何实现 StackOverflow 的悬停对话框？

---

我正在尝试创建一条正在显示的错误消息，到目前为止，这是一个粗略的尝试，消息显示正常，但是单击不起作用..

function message(somemessage){
       $(document).ready(function(){
            $('<div class="error">' + somemessage+ '</div>')
           .insertAfter( $('#ErrorMessage') ).fadeIn('slow').animate({opacity: 1.0}, 5000).click(function(){$(this).remove});
   });
 }

Answer 1

我已经在这个问题中回答了如何做到这一点。

如果需要，请直接跳至示例。

但是，如果您想要更强大的东西，您应该查看许多解决方案：

• jQuery UI 对话框
• 咆哮
• jq模态
• 美容秘诀

如果您想了解如何执行本网站中使用的其他通知（当您获得新徽章时位于顶部的通知等），您可以在此问题中查看如何执行此操作。

Answer 2

不是因为忘记在remove函数后面加括号了吗？

试试这个

$('<div class="error">' + "somemessage"+ '</div>')
           .insertAfter( $('#ErrorMessage') ).fadeIn('slow').
animate({opacity: 1.0}, 5000).click(function(){$(this).remove()});