在Featherlight中使用onSubmit和表单？

Question

我使用Featherlight显示HTML表单，但无法执行以下操作：

1. 加载最初隐藏表单的页面。

2. 使用标准HTML提交按钮提交表单时，表单的“onSubmit”会激活。

我手动将初始灯箱称为全局变量，因此我可以使用“持久”选项：

lightboxForm = $.featherlight('#attendeeAddEditForm', { 'persist' : true });

...但我似乎无法使“beforeOpen”语法正确以防止它显示：

beforeOpen: function(event){return false}

...在上述电话中无效。

以下是我要做的简化版本：

http://jsfiddle.net/djwljr/JNsu6/142/

任何帮助将不胜感激。谢谢！

Answer 1

首先，如果您愿意，可以使用.img { width: auto; height: 250px; } 设置持久性选项（所有羽毛灯选项都相同）。

其次，要么调用data-featherlight-persist="true"，它会立即打开一个窗口，要么绑定一个带有$.featherlight(...)（或$('.my-button').featherlight(...)）的按钮。第二种形式不会立即打开对话框，如您所愿。我认为你根本不需要data-featherlight。