使用FeatherLight顯示DIV

Question

我正在使用featherlight lightbox插件來顯示單擊按鈕時DIV的內容。

這裏是我的按鈕：

<INPUT id="mileageButton" <cfif #get_trips.recordcount# NEQ 0>style="color:red; font-weight: bold;"</cfif> class="mileage" Type="BUTTON" VALUE="Mileage" onClick="$('##mileage-modal-open').trigger('click');"> <a id="mileage-modal-open" href="##" data-featherlight="##mileage" ></a> 

這裏是我的DIV：

<div id="mileage" style="display:none;"> 
</div> 

我遇到的問題是，我不想DIV的按鈕被點擊，直到可見，所以我將display屬性設置爲'none'。但它始終保持隱藏狀態，因此我的燈箱是空的。

當我點擊按鈕時，如何關閉燈箱時將屬性更改爲'block'，但返回'none'？

Answer 1

保持您的DIV可見並將其放在另一個隱藏的內部。這樣，當featherlight打開它時，它會顯示出來。