Nun, ich schreibe einfach diesen Beitrag, um hoffentlich anderen zu helfen, die auf dasselbe Problem stoßen könnten.

Die Beispiele auf der Hersteller-Website sind etwas vage und ich hatte das folgende Szenario angenommen.

Sie haben einen Link mit einemhrefn zu einigen Inhalten#id.

<a href="#content-div" class="fancybox">Open Example</a>

Und du hast ein Div, um diesen Inhalt zu speichern.

<div id="content-div" style="display: none">Some content here</div>

Dann führen Sie Fancybox einfach durch einen 1-Liner.

$(".fancybox").fancybox();

Natürlic, du denkst, Fancybox kopiert den Inhalt und ändertdisplay: none zudisplay: block und alles wird in Ordnung sein.

Aber das passiert nicht.
Der Inhalt wird weiterhin geladen, aber der Inhalt ist ausgeblendet und Sie haben eine leere Fancybox.*cry*