如何用jquery对话框替换javascript警报（在事件调用它的地方弹出）？

伙计们，我要把它分解得更清楚一点。当我看到jQueryUI的东西时，我完全搞不清楚我需要下载什么以及把文件放在哪里

我所做的就是成功地链接到JQuery网站，这样我就不必下载任何东西，并且看到对话框可以正常工作

但是，我看到的示例中的对话框链接到一个div。如果该div位于屏幕顶部，而输入框位于底部，则该div对我没有帮助。我在标题中只有一个函数，它是从许多文本框调用的。此函数包括一个带有消息的javascript警报（）

请告诉我在函数（我们称之为MyFunction（））中键入的确切代码，该函数将在调用MyFunction的任何位置弹出消息

如果是javascript，在脚本的头部部分，我们会：

<script type="text/javascript">

function digitsOnly(){
alert("Digits only, please");
}

</script>

<input type="test/javascript" onkeydown="digitsOnly()" />

函数digitsOnly（）{
警告（“请仅限数字”）；
}

在许多文本框中，我们有：

<script type="text/javascript">

function digitsOnly(){
alert("Digits only, please");
}

</script>

<input type="test/javascript" onkeydown="digitsOnly()" />

我需要一个漂亮的弹出框来替换javascript警报（）； 除了在呼叫文本框旁边弹出一条消息，我不需要这个按钮。如果它是可拖动和可调整大小的，那将是最酷的事情。但就目前而言，我会对我所说的感到高兴

我一直在学习语言。我知道我最终也会学习JQuery。但如果可能的话，我需要今晚完成

James

Javascript的

alert（）

函数在运行之前运行，因此很难（如果不是不可能的话）实际替换其默认行为。但是，您可以轻松地创建自己的函数。而不是：

$('.clickable').click(function() {
  alert("Clicked.");
});

这样做：

$('.clickable').click(function() {
  $('.dialog').dialog({ 
    // options...
  });
});

您必须检查代码并用它替换每个警报，但是，这应该不是什么大问题，特别是如果您使用的是Textmate之类的东西，它有一个“搜索项目”功能。

Javascript的

alert（）

函数比其他任何函数都要先运行，所以这很难（如果不是不可能的话）以实际替换其默认行为。但是，您可以轻松地创建自己的函数。而不是：

$('.clickable').click(function() {
  alert("Clicked.");
});

这样做：

$('.clickable').click(function() {
  $('.dialog').dialog({ 
    // options...
  });
});

---

您必须仔细检查代码，并将每个警报替换为该警报，但是，这应该不是什么大问题，特别是如果您使用的是Textmate之类的东西，它具有“搜索项目”功能。

请看一看。这也不会替换默认的

alert（）

，因此您应该仔细检查您的代码，并用对话框实例替换对

alert（…）

的调用。

查看。这也不会替换默认的

alert（）

，因此您应该检查代码并用对话框实例替换对

alert（…）

的调用。

alert=function（a）{my_alert（a）；}

alert=function（a）{my_alert（a）}

我把这个问题读了大约100遍才明白你的意思

window.alert = function(message) {
    // put your dialog box launching code here.
}

“当然，我需要它弹出文本框所在的位置……就像javascript警报框一样。”

我想你的意思是，如果你向下滚动页面的一部分，然后调用

警报

，它将位于当前

查看端口

（你在屏幕上看到的内容）。。。您希望这个新的预处理对话框也能这样做

答案是“是的”。。。是的，jQuery会将对话框放在当前视图端口的正中央，就像

警报

框一样

您需要下载并引用jQuery主库，以及最新的jQueryUI库，以及一个jQuery CSS主题

那么，它应该很容易：

$("<p>Yo, G Dog<p>").dialog({ modal: true });

$("<p>Yo, G Dog<p>").dialog({ modal: true });

$（“Yo，G Dog”）。对话框（{model:true}）；

我花了大约100次的时间才明白你的意思

“当然，我需要它弹出文本框所在的位置……就像javascript警报框一样。”

我想你的意思是，如果你向下滚动页面的一部分，然后调用

警报

，它将位于当前

查看端口

（你在屏幕上看到的内容）。。。您希望这个新的预处理对话框也能这样做

答案是“是的”。。。是的，jQuery会将对话框放在当前视图端口的正中央，就像

警报

框一样

您需要下载并引用jQuery主库，以及最新的jQueryUI库，以及一个jQuery CSS主题

那么，它应该很容易：

$("<p>Yo, G Dog<p>").dialog({ modal: true });

$("<p>Yo, G Dog<p>").dialog({ modal: true });

$（“Yo，G Dog”）。对话框（{model:true}）；
蒂莫西的回答是可行的。有关必要的补充，请参见我随后的评论。我复制并粘贴了Timothy Khouri的答案，并附上了我的评论：

“当然，我需要它弹出文本框所在的位置
定位…就像javascript警报框一样。”

我想你的意思是，如果你要向下滚动到
页面，然后调用alert，它将居中于当前位置
查看端口（您在屏幕上看到的内容）。。。你想要这个
“新建预绑定”对话框以执行相同的操作

答案是“是的”。。。是，jQuery将使对话框居中
在您当前的查看端口上，就像警报框一样

您需要下载并引用主jQuery库，还需要
最新的jQueryUI库和一个jQueryCSS主题

那么，它应该很容易：

$("<p>Yo, G Dog<p>").dialog({ modal: true });

$("<p>Yo, G Dog<p>").dialog({ modal: true });

$（“Yo，G Dog”）。对话框（{model:true}）；

所以蒂莫西的密码工作得几乎完美。我不得不胡闹，直到我找到了导致两个对话框打开的原因。谷歌搜索没有答案。只是实验帮助我看到，出于某种原因，插入到对话框中的每个HTML标记都打开了自己的对话框。解决这个问题的方法是控制