FeatherLightを使用してDIVを表示

Question

ボタンをクリックしたときに、DIVの内容を表示するために、featherlightライトボックスプラグインを使用しています。ここで

は私のボタンである。ここでは

<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'に設定しました。しかし、それは常に隠されているので、私のライトボックスは空です。

ボタンをクリックしたときに属性を 'ブロック'に変更する方法はありますが、ライトボックスを閉じるときに 'なし'に戻す方法はありますか？

Answer 1

あなたのDIVを目に見えるようにして、隠された別のものの中に入れます。そうすれば、featherlightが開くと、それが表示されます。