需求背景:点击某个超链接或者按钮,弹出一张图片。
之前写过一篇关于弹出对话框的blog,用的插件就是JQuery Dialog,话不多说,给出关键代码如下:
$("#dialogId").dialog({
height:$(window).height(), //1
width:$(window).width(), //2
//height:$(document).height(), //3
//width:$(document).width(), //4
// 模态开启
modal: true,
// 是否可拖拽
draggable: false,
close: function() {
dialogOwn.appendTo(dialogParent);
$(this).dialog("destroy").remove();
}
});
<div id="dialogId" title="图片弹出层">
<a id="picHrefId" href="" target="_blank"><img id=