的fancybox不顯示

我得到了下面的代碼：的fancybox不顯示

Html.AddScriptParts("~/Scripts/jquery.fancybox-1.3.4.pack.js"); 
    Html.AddCssFileParts("~/Content/fancybox/jquery.fancybox-1.3.4.css"); 


$().ready(function() { 
alert('yo') 
     $("#leistungsPopup").fancybox(); 
} 

<div style="display:none" id="leistungsPopup"> 
     <h1>YO feel the FLow!</h1> 

    </div>

的的fancybox不顯示。 Fancybox文件已被借用（js和css），並顯示警報。怎麼了？

來源

2014-02-06 Ole Albers

您是否檢查了控制檯的錯誤？ –

沒有。我甚至可以跨越代碼沒有問題 –

您正在嘗試顯示div設置爲無顯示。包括顯示設置爲無的包裝div並將其從要顯示的div中刪除。像這樣：

<div style="display: none;"> 
    <div id="leistungsPopup"> 
     <h1>YO feel the FLow!</h1> 
    </div> 
</div> 
<a id="TriggerFancybox" href="#leistungsPopup" style="display: none;"></a>

編輯：apparantly一個的fancybox彈出通過點擊觸發。如果你改變你的JavaScript代碼下面，它應該工作，看到這個JSFiddle：

$(document).ready(function() { 
    $("#TriggerFancybox").fancybox().trigger("click"); 
});

編輯2：更新了答案使用jQuery的fancybox 1.3.4工作。這意味着觸發點擊文檔中的隱藏鏈接。

來源

2014-02-06 09:12:22 ZiNNED

沒有。沒有幫助 –

@OleAlbers我用一個可用的JSFiddle更新了答案。 – ZiNNED

@ZiNNED - 擡起頭來：你的jsfiddle正在使用fancybox v2.x，它的html將不適用於v1.3.4，這實際上是OP的問題。嘗試更新您的jsfiddle以與您的答案中的建議代碼相匹配（我認爲這是正確的順便說一句） – JFK

的fancybox不顯示

回答

相關問題