僅在單擊時加載Fancybox

Question

我是勞德代爾堡的設計師，並且在我的一個項目中使用fancybox.js。 我有一個主頁登錄頁面，其中有一個很大的名稱圖表，當您單擊該名稱時，彈出的花式框會顯示更多信息，照片等。但是，當我加載此主頁時，它將嘗試加載所有整個網站的內容，而且要花很長時間。 有沒有一種方法可以將fancybox.js設置為僅在單擊/可見的fancybox時加載？

我已經閱讀了有關如何在頁面加載時啟動Fancybox的教程，而我基本上想做相反的事情。 我只希望在單擊時加載fancybox，以便主登錄頁面運行更快。 如何在頁面加載時啟動jQuery Fancybox？

我會很感激您能提供的任何幫助。 謝謝！

Answer 1

只需在您的html中執行：

<a class="fancybox" href="{target}">the link I want to open on click only</a>

..然后使用此腳本

$(document).ready(function(){
  $(".fancybox").fancybox({
    // API options
  });
});

查看文檔，了解您可能需要或想要添加的API選項：對於fancybox v1.3.4 http://fancybox.net和fancybox v2.x http://www.fancyapps.com/fancybox/