как создать ящик, похожий на StackOverflow, нажмите, чтобы закрыть

Question

Дубликат: How would I implement StackOverflow's hovering dialogs?

---

Я пытаюсь создать сообщение об ошибке, которое отображается, до сих пор здесь это грубая попытка, то сообщение отображается нормально, однако щелчок не работает ..

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

Не так ли, потому что вы забыли добавить скобки после функции remove?

Попробуйте

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

Answer 2

Я уже отвечал, как сделать это в this question.

Если вы хотите, просто пропустить прямо к example.

Однако, если вы хотите что-то более надежным, вы должны проверить много решений там:

• jQuery UI Dialog
• jGrowl
• jqModal
• BeautyTips

Если вы хотите посмотреть, как делать другие уведомления, используемые на этом веб-сайте (те, что находятся наверху, когда вы заработаете новый значок и т. Д.), Вы можете проверить, как это сделать в this question.