Javascript 带有jQuery对话框的定时消息_Javascript_Jquery

Javascript 带有jQuery对话框的定时消息

javascript jquery

Javascript 带有jQuery对话框的定时消息,javascript,jquery,Javascript,Jquery,我指的是18650494号问题（“带时基的警报框消失”）和Deepak Sharma提供的解决方案，该解决方案运行良好（代码如下） JS-Bin 功能customAlert（消息，持续时间） { var styler=document.createElement（“div”）； setAttribute（“样式”，“边框：实心5px红色；宽度：自动；高度：自动；顶部：50%；左侧：40%；背景色：#444；颜色：银色”）； styler.innerHTML=“+msg+”； setTimeou

我指的是18650494号问题（“带时基的警报框消失”）和Deepak Sharma提供的解决方案，该解决方案运行良好（代码如下）


JS-Bin
功能customAlert（消息，持续时间）
{
var styler=document.createElement（“div”）；
setAttribute（“样式”，“边框：实心5px红色；宽度：自动；高度：自动；顶部：50%；左侧：40%；背景色：#444；颜色：银色”）；
styler.innerHTML=“+msg+”；
setTimeout（函数（）
{
styler.parentNode.removeChild（styler）；
}，持续时间）；
document.body.appendChild（styler）；
}
函数调用者（）
{
customAlert（“此自定义警报框将在2秒内关闭”，“2000”）；
}

我试图在jQuery对话框启动时实现它，但随后消息显示在对话框的背景中。我认为，这源于样式器被附加到document.body

如何在jQuery对话框的前台显示此消息（基本上是相同的代码？

增编：关于皮拉图斯的问题：

我经常使用jQuery并实现jQuery对话框。我怀疑通过将元素附加到正确的父元素（即jQuery对话框）可以解决问题，但我无法在DOM中找到$（“#myDialog”）.dialog…并命名它。我可能也错了…我还是需要带上“自定义警报”出现在前台。

您是否真的尝试实现jQuery对话框？我想我从未见过问题中引用的问题编号before@chiliNUT. 你该看看了。换言之，我不确定你的意图是什么：我的问题已经明确说明，Deepak Sharma的代码被郑重引用（尽管不受版权限制！），总之，我已经尽可能明确地表达了这一点，以便Pilatus在我编辑它的同时似乎已经理解了它（“附录”）为了更敏锐-尽我所能。在我看来，问题的id是一种有效的引用方式：在浏览器“stackoverflow.com/questions/”的URL字段中键入数字，然后检查它的效率。@Extoplasm我的引用没有暗示任何东西，我的朋友，我只是认为这是引用另一个问题的一种新颖方式。该评论没有任何负面含义。仅供参考，在您的问题中包含实际链接比问题编号更常见。

<!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>