如何打开jQuery Popup？ [英] How to open jQuery Popup?
问题描述
我想在点击图片上打开Popup。我正在使用此代码...
< script language =javascripttype =text / javascriptsrc =js / jquery.js> < / script>
< script type =text / javascript>
$（document）.ready（function（ ）
{
$（＃btnShowSimple）。点击（功能（e）
{
ShowDialog （假）;
e.preventDefault（）;
}）;
$（＃btnShowModal ）.click（function（e）
{
ShowDialog（true）;
e.preventDefault（）;
}）;
$（＃fancybox-close）。点击（功能（e）
{
HideDialog（）;
e.preventDefault（）;
}）;
$（＃btnSubmit）。点击（功能（e）
{
var brand = $（＃brands input：radio：checked）。val（） ;
$（＃output）。html（您最喜爱的移动品牌：+品牌）;
HideDialog（）;
e.preventDefault（）;
} ）;
}）;
函数ShowDialog（模态）
{
$（＃overlay）。show（）;
$（＃dialog）。fadeIn（300）;
if（modal）
{
$（＃overlay）。取消绑定（点击）;
}
其他
{
$（＃overlay）。点击（功能（e）
{
HideDialog（）;
}）;
}
}
函数HideDialog（）
{
$（＃overlay）。hide（）;
$（＃dialog）。fadeOut（300）;
}
< / script>
和样式表也在Head部分
I want open Popup on click image. i am using this code...
<script language="javascript" type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function ()
{
$("#btnShowSimple").click(function (e)
{
ShowDialog(false);
e.preventDefault();
});
$("#btnShowModal").click(function (e)
{
ShowDialog(true);
e.preventDefault();
});
$("#fancybox-close").click(function (e)
{
HideDialog();
e.preventDefault();
});
$("#btnSubmit").click(function (e)
{
var brand = $("#brands input:radio:checked").val();
$("#output").html("Your favorite mobile brand: " + brand);
HideDialog();
e.preventDefault();
});
});
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);
}
</script>
and Style Sheet also in Head section
推荐答案
（document）.ready（function（）
{
(document).ready(function ()
{
（＃btnShowSimple）。点击（功能（e）
{
ShowDialog（false）;
e.preventDefault（）;
}）;
("#btnShowSimple").click(function (e)
{
ShowDialog(false);
e.preventDefault();
});
（＃btnShowModal ）.click（function（e）
{
ShowDialog（true）;
e.preventDefault（）;
}）;
("#btnShowModal").click(function (e)
{
ShowDialog(true);
e.preventDefault();
});
这篇关于如何打开jQuery Popup？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
