Using onSubmit with form in Featherlight?

Question

I am using Featherlight to display an HTML form and am not able to do the following:

1. Load the page with the form hidden initially.

2. Have the form's "onSubmit" fire when the form is submitted using a standard HTML submit button.

I call the inital lightbox manually as a global variable so I can use the "persist" option:

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

...but I can't seem to get the "beforeOpen" syntax correct to prevent it from displaying:

beforeOpen: function(event){return false}

...doesn't work inside the above call.

Here is a simplified version of what I am trying to do:

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

Any help would be appreciated. Thanks!

Answer 1

First, you can set the persist option using data-featherlight-persist="true" if you prefer (same for all featherlight options).

Second, either you call $.featherlight(...) which will open a window immediately, or you bind a button with $('.my-button').featherlight(...) (or with data-featherlight). The second form will not open the dialog immediately, as you desire. I don't think you'll need beforeOpen at all.