使用jQuery对话框定时消息

时间:2015-06-20 15:35:32

标签: javascript jquery

我指的是问题Nr。 18650494('消失带有时基的警报框')以及由Deepak Sharma提供的解决方案,该解决方案运行良好(以下代码)。

<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>JS Bin</title>
<script>
function customAlert(msg,duration)
{
 var styler = document.createElement("div");
  styler.setAttribute("style","border: solid 5px Red;width:auto;height:auto;top:50%;left:40%;background-color:#444;color:Silver");
 styler.innerHTML = "<h1>"+msg+"</h1>";
 setTimeout(function()
 {
   styler.parentNode.removeChild(styler);
 },duration);
 document.body.appendChild(styler);
}
  function caller()
  {
    customAlert("This custom alert box will be closed in 2 seconds","2000");
  }
  </script>
  </head>
<body onload="caller()">

</body>
</html>

我正在尝试在jQuery对话框启动时实现它,但随后消息显示在对话框的背景中。我认为,这源于将styler附加到document.body。

如何在jQuery对话框的前景中显示此消息(基本上是相同的代码)?

附录:关于皮拉图斯&#39;问题:

我已经使用了jQuery并定期实现了jQuery对话框。我怀疑通过将元素附加到正确的父元素(即jQuery对话框)可以使事情变直,但是我无法在DOM中找到$(&#39; #myDialog&#39;)。dialog ...并命名它。我也许错了......我仍然需要带来&#34;自定义警报&#39;在前台。

0 个答案:

没有答案