【问题标题】:Using jQuery Fancybox or Lightbox to display a contact form使用 jQuery Fancybox 或 Lightbox 显示联系表单
【发布时间】:2009-10-12 20:10:38
【问题描述】:

我想使用 jQuery Fancybox 或 Lightbox 从网页中的标准链接加载联系表单。我已经查看了http://fancybox.net/example 的文档,但最接近的选项是 iFrame 之一,它不适用于标准页面链接。

我并不打算使用 Fancybox,所以如果有更好的方法可以通过联系表单获得灯箱效果,我会很感激有人指出我正确的方向。

谢谢。

【问题讨论】:

  • 我正在使用 Fancybox 制作弹出式表单,效果很好。为什么不能使用标准页面链接?
  • 这里有一个例子:fancybox.net/blog 向下滚动到:#5 显示登录表单效果很好!

标签: jquery lightbox fancybox


【解决方案1】:

您可能想查看jquery-ui dialog。它是高度可定制的,可以像灯箱/花式盒一样工作,并支持您通过常规链接获取联系表单所需的一切。

甚至还有一个example with a form

【讨论】:

  • 你好。我终于有机会看看这个,它会完美地工作。感谢您传递它。
【解决方案2】:

看看:Greybox

这是一个很棒的灯箱版本,支持表单、外部网页以及传统的图像和幻灯片。它可以通过网页上的链接完美运行。

您将找到许多有关如何使用 Greybox 的信息以及一些很好的示例。 干杯 卡拉

【讨论】:

  • 感谢您提供此链接。看起来很有用。
  • 嗨,我如何设置表单框的样式,想继续使用蓝图 css?另外,注意到它使用 iFrames....一种不使用它的方法?
【解决方案3】:

Greybox 无法自行处理其中的表单。它需要一个表单插件。不需要 iframe 或外部 html 文件。不要忘记下载 graybox.css 文件,因为页面会丢失。

吻 Jquery UI 和一个灯箱你好。 You can get it here.

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-10-28
    • 2015-09-27
    • 1970-01-01
    相关资源
    最近更新 更多