Fancybox 2.0不起作用，非常簡單的首次測試

我的網頁是www.danielcw.info。Fancybox 2.0不起作用，非常簡單的首次測試

在我打電話的底部：

$(document).ready(function() { 
    $("#single_1").fancybox({}); 
});

在：

<div id="single_1"> 
TESTTESTEST 
</div>

什麼也沒有發生。任何人都可以請解釋我去哪裏錯了，我看到所有的JS和CSS加載和頁面上。

謝謝丹尼爾

來源

2012-11-14 DanielCW

觸發，因爲你還沒有使用任何自定義設置，你不需要指定{}裏面的.fancybox（） – Swarne27

通常，的fancybox上，它指向一個div元件或連結殼體的內容被顯示在的fancybox一個錨定標記初始化：

HTML：

<a href="#single_1" id="fancybox">Click here to launch Fancybox</a> 

<div style="display:none"> 
    <div id="single_1"> 
     Content goes here 
    </div> 
</div>

的Javascript：

$(function(){ 
    $('a#fancybox').fancybox({ 
     // Fancybox options here 
    }) 
    .trigger('click'); //Optional - if you wish to trigger the Fancybox after initialization 
});

來源

2012-11-14 05:37:11 kayen

好在這裏注意，使用我的原始代碼並添加「觸發器（'點擊'）」完美工作 - + 1用於觸發器的使用。 – DanielCW

很高興能幫到你！乾杯! – kayen

使用try，

$(document).ready(function() { 
    $("a #single_1").fancybox(); 
}); 

<a id="single_1" href="#"> 
TESTTESTEST 
</a>

來源

2012-11-14 05:38:24 Swarne27

你僅僅是實例化的插件。你現在必須觸發它。

因此，您可以添加任何DOM元素並觀察事件，然後觸發插件。

<a href="#" class="fancyme">Click me</a>

的JS

$('fancyme').on("click", function() { 
    $.fancybox('#single_1'); 
});

你可以在頁面加載

$(function(){ 
    $.fancybox('#single_1'); 
});

來源

2012-11-14 05:40:33 EasyCo

Fancybox 2.0不起作用，非常簡單的首次測試

回答

相關問題