用于交互模式弹出的Jquery库/插件？

Wondering if there's any jquery library/plugin that can easily perform the following.

想知道是否有任何jquery库/插件可以轻松执行以下操作。

At main page
在主页面

Susan Liew (click here to update user profile)

Susan Liew（点击此处更新用户档案）

When click, will trigger a lightbox type 2.0 style modal popup to show up a user profile modification form.

单击时，将触发灯箱类型2.0样式模式弹出窗口以显示用户配置文件修改表单。

This should be ajax, jeffrey's user profile primary key will pass into the modal popup (for complete user details retrieval via database).

这应该是ajax，jeffrey的用户配置文件主键将传递到模态弹出窗口（用于通过数据库检索完整的用户详细信息）。

After editing.... click save will auto close and doesn't refresh the whole main page, but only refresh the this portion from

编辑后....单击保存将自动关闭，不刷新整个主页，但只刷新此部分

Susan Liew (click here to update user profile)

Susan Liew（点击此处更新用户档案）

至

Susan Li (click here to update user profile)

Susan Li（点击此处更新用户档案）

At the same time, when modal popup, I want to make sure user not able to interact or press anything in main page.

同时，当模态弹出时，我想确保用户无法在主页面中进行交互或按任何内容。

How can I do that?

我怎样才能做到这一点？

I have seen something like http://www.no-margin-for-errors.com/projects/prettypopin/ http://www.no-margin-for-errors.com/demos/prettyPopin/ajax/form.html

我见过类似http://www.no-margin-for-errors.com/projects/prettypopin/ http://www.no-margin-for-errors.com/demos/prettyPopin/ajax/form.html

But it seem lack of ability to pass the pass in the keys into modal popup, and return value required into main page after the update done.

但似乎缺乏将密钥中的传递传递给模态弹出窗口的能力，并且在更新完成后返回主页面中所需的值。

2 个解决方案

#1

I would recommend jQuery UI Modal.

我会推荐jQuery UI Modal。

You might want to read this SO post:
What’s your favorite jQuery modal plugin?

你可能想看看这篇帖子：你最喜欢的jQuery模态插件是什么？

#2

You could do this with the jquery-ui project. It has modal dialogs whose content can come from an external source, events, effects and more.

您可以使用jquery-ui项目执行此操作。它有模态对话框，其内容可以来自外部源，事件，效果等。

#1