在Featherlight中使用onSubmit與表單？

我使用羽之以顯示一個HTML表單，我不能夠做到以下幾點：在Featherlight中使用onSubmit與表單？

負載與最初隱藏表單的頁面。
當表單使用標準HTML提交按鈕提交時，表單的「onSubmit」會觸發。

我手動調用inital燈箱作爲一個全局變量，所以我可以用「堅持」選項：

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

...但我似乎無法獲得「beforeOpen 「語法正確，以防止它顯示：

beforeOpen: function(event){return false}

...不上面的調用內工作。

這裏是什麼，我試圖做一個簡化版本：

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

任何幫助，將不勝感激。謝謝！

來源

2016-01-05 David L.

小提琴似乎沒有工作。任何不遵循常規慣例的理由（例如，身份證沒有出現，等等）？ –

小提琴似乎現在正在爲我工作。沒有真正的理由缺乏駱駝套，但我改變了它的一致性（只是一個ID）。我已經更新了小提琴。 –

謝謝:-)我的意思是說ID不應該被識別，但不用擔心。我喜歡約會 –

首先，如果您願意，可以使用data-featherlight-persist="true"來設置堅持選項（對於所有羽毛燈選項都是相同的）。

其次，要麼你打電話$.featherlight(...)這將立即打開一個窗口，或者你綁定一個按鈕與$('.my-button').featherlight(...)（或與data-featherlight）。按照您的意願，第二種形式不會立即打開對話框。我認爲你根本不需要beforeOpen。

來源

2016-01-06 16:56:54

Marc，謝謝你的迴應。使用JSFiddle中顯示的當前實現（而不是內聯綁定），防止lightbox打開的語法是什麼？另外，如何在lightbox中觸發onSubmit？（我應該將輸入類型更改爲按鈕而不是提交，並觸發驗證並在JS中提交？）感謝您的幫助。 –

在Featherlight中使用onSubmit與表單？

回答

相關問題