Javascript 通过单击不同的按钮显示相同的对话框
查看..jquery中存在一些问题,因为当我单击任一按钮时,仍然只显示一个弹出窗口 剧本 演示:Javascript 通过单击不同的按钮显示相同的对话框,javascript,jquery,html,css,Javascript,Jquery,Html,Css,查看..jquery中存在一些问题,因为当我单击任一按钮时,仍然只显示一个弹出窗口 剧本 演示: 必须为div使用唯一id。始终在问题中包含相关代码和标记,不要只是链接,甚至不要链接到小提琴。链接会腐烂,人们不应该离开网站来帮助你。你会怎么做?你为什么要使用相同的id来输出、覆盖和对话框。id应该是唯一的您希望不同的对话框是什么?在fiddle代码中,只有一个对话框,通过隐藏/显示函数,可以隐藏和显示同一个对话框。是否希望对话框显示不同的文本?就像当你点击电子邮件时,文本应该显示电子邮件这篇文章
必须为div使用唯一id。始终在问题中包含相关代码和标记,不要只是链接,甚至不要链接到小提琴。链接会腐烂,人们不应该离开网站来帮助你。你会怎么做?你为什么要使用相同的id来输出、覆盖和对话框。id应该是唯一的您希望不同的对话框是什么?在fiddle代码中,只有一个对话框,通过隐藏/显示函数,可以隐藏和显示同一个对话框。是否希望对话框显示不同的文本?就像当你点击电子邮件时,文本应该显示电子邮件这篇文章,当你点击分享时,文本应该显示分享这篇文章?请澄清
$(document).ready(function () {
$("#btnShowSimple").click(function (e) {
ShowDialog(false);
$("#model").reveal();
e.preventDefault();
});
$("#btnShowShare").click(function (e) {
ShowDialog(false);
$("#model1").reveal();
e.preventDefault();
});
$("#btnClose").click(function (e) {
HideDialog();
e.preventDefault();
});
$(document).keyup(function (e) {
if (e.keyCode == 27) {
HideDialog();
}
});
});
function ShowDialog(modal) {
$("#overlay").show();
$("#dialog").fadeIn(300);
if (modal) {
$("#overlay").unbind("click");
} else {
$("#overlay").click(function (e) {
HideDialog();
});
}
}
function HideDialog() {
$("#overlay").hide();
$("#dialog").fadeOut(300);
}
$(document).ready(function ()
{
$("#btnShowSimple").click(function (e)
{
ShowDialog('dialog');
$("#model").reveal();
e.preventDefault();
});
$("#btnShowShare").click(function (e)
{
ShowDialog('dialog1');
$("#model1").reveal();
e.preventDefault();
});
$("#btnClose").click(function (e)
{
HideDialog();
e.preventDefault();
});
$("#btnClose1").click(function (e)
{
HideDialog();
e.preventDefault();
});
$(document).keyup(function(e) {
if (e.keyCode == 27) {
HideDialog(); }
});
});
function ShowDialog(modal)
{
$("#overlay").show();
$("#"+modal).fadeIn(300);
if (modal)
{
$("#overlay").unbind("click");
}
else
{
$("#overlay").click(function (e)
{
HideDialog();
});
}
}
function HideDialog()
{
$("#overlay").hide();
$(".web_dialog").fadeOut(300);
}