使用FeatherLight显示DIV

Question

我使用featherlight灯箱插件在点击按钮时显示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属性设置为＆＃39; none＆＃39;。然而它一直保持隐藏状态，因此我的灯箱是空的。

如何将属性更改为＆＃39;阻止＆＃39;当我点击按钮但回到“没有”按钮时当我关闭灯箱时？

Answer 1

让你的DIV可见并将其放入另一个隐藏的内容中。这样，当羽毛灯打开它时，它会显示出来。