0
Ich benutze das Lightlight Lighthouse Plugin, um den Inhalt eines DIV anzuzeigen, wenn auf eine Schaltfläche geklickt wird.Verwenden von FeatherLight zum Anzeigen eines DIV
Hier ist meine Schaltfläche:
<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>
Hier ist meine DIV:
<div id="mileage" style="display:none;">
</div>
Das Problem, das ich habe ist, dass ich DIV will nicht sichtbar sein, bis die Schaltfläche geklickt wird, also setze ich das display-Attribut auf 'none'. Es bleibt jedoch die ganze Zeit verborgen und folglich ist mein Leuchtkasten leer.
Wie kann ich das Attribut auf "Blockieren" ändern lassen, wenn ich auf die Schaltfläche klicke, aber zurück auf "keine", wenn ich den Leuchtkasten schließe?
Sollte funktionieren, die meisten Demos verwenden diese Technik –
Ich kann die Lightbox kein Problem, aber das DIV wird nicht angezeigt, weil ich es mit CSS ausblenden, sonst wird der Inhalt des DIV immer angezeigt. Egal ob ich den Knopf drücke oder nicht. Was ist der Workaround dafür? –