我正在一个牙科诊所的网站上工作。有一个工作人员页面，其中包含个别工作人员的缩略图。我想设计页面，以便当我点击工作人员关于他们的信息时，他们的资格就会出现。显然每个工作人员都有不同的个人资料，所以我该怎么做呢
我花了很多时间搞乱了DIV ID和basic.js文件而没有运气。
非常感谢
编辑（当前使用的技术）： Simplemodal
答案 0 :(得分：0)
编辑此答案是为了使用JQuery＆amp; JQuery的-UI
首先，我将指出我们将用于进行对话的工具： http://jqueryui.com/demos/dialog/
接下来是一些辅助功能，让您的生活更轻松：
$(function(){
$(".jqy-modal").each(function () {
$(this).dialog({ autoOpen: false, width: "925px", modal: true, title: $(this).attr("data") });
});
$(".auto-wire-dialog").click(function () {
$("#" + $(this).attr("data")).dialog("open");
});
});
接下来让我们介绍一下你的HTML会是什么样子：
<a href="#" class="auto-wire-dialog" data="JimBobProfile">Dr. Jim Bob</a>
<div id="JimBobProfile" class="jqy-modal" data="Dr Jim Bob">
<!-- Info here!!! -->
</div>
最后了解这个概念：
自动线对话类可以放在任何可点击的元素上。单击该元素时，它将打开关联的对话框，其中包含在data =“...”属性中指定的ID。
jqy-modal类只能放在div标签上。这就是创建模态/对话框窗口的原因。您可以在其上放置一个数据元素以指定标题！
您为每个人执行此操作，触发对话框的元素以及在触发之前将被隐藏的对话框本身。
答案 1 :(得分：0)
以下SO答案可能会引导您朝着正确的方向前进：
Multiple calls with Simple Modal OSX Style Dialog
您需要使用工作人员信息创建单独的div，然后在我提供的链接中使用JS示例，以编程方式将缩略图链接与工作人员信息div匹配。
如果您需要任何补充说明，请与我们联系。
更新：此答案适用于使用SimpleModal的解决方案