使用JQuery对话框显示弹出屏幕 函数changeIt（_src） { $（“#dialog”）.dialog（）； } 名字是
嗨 在页面启动时，在一个AJAX调用中，我在一个文件夹中显示了一些图像，我将获取这些路径并在UI页面上显示它们 现在，在UI页面上单击该图像时，我尝试显示一个Jquery对话框，其中必须包含来自数据库的一些数据，这些数据与该图像的详细信息以及较大尺寸的图像（已单击）。（基本上是一个弹出窗口） 当我将图像也包含在对话div中时，它看起来很尴尬，因为图像仅在页面加载时加载 如果这不是在富网站上显示弹出窗口的更好方法使用JQuery对话框显示弹出屏幕 函数changeIt（_src） { $（“#dialog”）.dialog（）； } 名字是,jquery,Jquery,嗨 在页面启动时，在一个AJAX调用中，我在一个文件夹中显示了一些图像，我将获取这些路径并在UI页面上显示它们 现在，在UI页面上单击该图像时，我尝试显示一个Jquery对话框，其中必须包含来自数据库的一些数据，这些数据与该图像的详细信息以及较大尺寸的图像（已单击）。（基本上是一个弹出窗口） 当我将图像也包含在对话div中时，它看起来很尴尬，因为图像仅在页面加载时加载 如果这不是在富网站上显示弹出窗口的更好方法 作为用户界面专家，你们能告诉我什么是最好的方法吗？？我不确定灯箱是否适合我的要求，请
作为用户界面专家，你们能告诉我什么是最好的方法吗？？我不确定灯箱是否适合我的要求，请建议我。提前谢谢我不太明白你的问题，但至少我在这里想帮你 为了修复代码，下面是一些工作示例。不要忘记在页面中包含jqueryUI
<html>
<head>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<%
String str ="Ravi";
%>
<script>
function changeIt(_src)
{
$("#dialog").dialog();
}
</script>
</head>
<body >
<img onclick="changeIt(this)" src='Cham/ravi.jpg' name='myimage' height ="100" width="100" />
<div id="dialog" title="Dialog Title">
The Name is <%=str%>
<img src='Cham/ravi.jpg' name='myimage' height ="1000" width="1000" />
</div>
</body>
</html>
名字是
$（文档）.ready（函数（）{
$（'#dialog'）.dialog（{autoOpen:false}）；
});
$（'.thumbnail'）。在（'click'，function（）上{
$（'dialog'）。dialog（'open'）；
});
另外，如果我没有误解你的问题，那就是你在找什么。非常感谢威廉。
<img class="thumbnail" src='Cham/ravi.jpg' name='myimage' height ="100" width="100" />
<div id="dialog" title="Dialog Title">
The Name is <%=str%>
<img src='Cham/ravi.jpg' name='myimage' height ="1000" width="1000" />
</div>
$(document).ready(function(){
$('#dialog').dialog({autoOpen :false});
});
$('.thumbnail').on('click', function() {
$('#dialog').dialog('open');
});