まあ、私は単に、同じ問題に遭遇するかもしれない他の人たちの役に立てればと思い、この投稿を書いています。
ベンダーの Web サイトの例は少し曖昧なので、次のようなシナリオを想定していました。
href
いくつかのコンテンツへの nを含むリンクがあります#id
。
<a href="#content-div" class="fancybox">Open Example</a>
そして、そのコンテンツを保持するための div があります。
<div id="content-div" style="display: none">Some content here</div>
次に、1 行で Fancybox を実行するだけです。
$(".fancybox").fancybox();
当然、Fancybox がコンテンツをコピーしてdisplay: none
に変更しdisplay: block
、すべてが正常になると思われます。
しかし、これは起こりません。
コンテンツは引き続き読み込まれますが、コンテンツは非表示になり、Fancybox は空白になります。*cry*
ベストアンサー1
解決策は非常に簡単ですが、それを見つけるのに約 2 時間と頭髪の半分を要しました。
単に包むあなたのコンテンツを(冗長) div
それはdisplay: none
、ボブあなたの叔父です。
<div style="display: none">
<div id="content-div">Some content here</div>
</div>
出来上がり