如何使用jQuery Tools设置多个叠加/表单?

时间:2010-12-03 01:28:40

标签: jquery jquery-plugins jquery-tools

所以,我是 TOTAL jQuery / jQuery Tools新手,但我正在学习......这是我目前的问题:

假设我有一个列出多个用户的页面 - 每个用户一个div,带有名称,图片等。这些div中的某个位置是您可以单击的链接,它将显示包含表单的jQuery Tools叠加层。此表单将允许您编辑有关用户的信息并将其保存回站点。没什么大不了的。

我的小新手大脑正在努力的问题是(当然)如何实现它。我目前对这一切的理解是,我需要创建一个单独的div,其中包含每个用户的表单,以某种方式连接,以便单击特定用户的链接将显示与该用户关联的叠加/表单。这与包含表单的页面上存在单个DIV相反,并且为每个用户以某种方式进行参数化和重用。

这是正确的哲学方法吗?编码似乎并不太难;我只是想在开始之前确认我采取了正确的方法。谢谢!

2 个答案:

答案 0 :(得分:1)

jquery-tools的文档向您展示了如何执行此操作:

http://flowplayer.org/tools/demos/overlay/external.html

答案 1 :(得分:0)

另一种方式是:

  1. 为您的链接创建点击处理程序
  2. 当用户单击该链接时,打开覆盖对话框并对服务器进行ajax调用,以返回返回FORM标记的方法
  3. 将覆盖内容替换为Ajax Success
  4. 上收到的标记
  5. 在上一个方法返回的表单中,会有一个提交按钮,只需提交表单
  6. 即可
  7. 关闭叠加层
  8. 使用这种方式,您可以将表单用作模板,并使用一种方法填充与特定用户相关的数据。