Fancybox and document.ready

Question

我對fancybox和document.ready有問題。我希望fancybox在文檔加載後立即啓動，但出於某種原因，它無法正常工作。我嘗試了幾件事，我總是以相同的結果結束。

$(document).ready(function() { 
    $(".various").fancybox({ 
     maxHeight: 400, 
     maxWidth: 600, 

     fitToView: false, 
     autoSize: true, 
     width: '70%', 
     height: '70%', 
     autoSize: false, 
     closeClick: false, 
     openEffect: 'none', 
     closeEffect: 'none', 
     scrolling: 'auto', 
    }); 
}); 
</script> 

<a class="various" href="#inline">Inline</a> 
<p> Test </p 

fancybox只有當我點擊「inline」的href鏈接時纔會出現。如何在網站加載時彈出窗口？

我是第一位的noob，所以不要騷擾我。 在此先感謝。

Answer 1

你不能這樣做。

嘗試

$(".various").fancybox({ 
    maxHeight: 400, 
    maxWidth: 600, 

    fitToView: false, 
    autoSize: true, 
    width: '70%', 
    height: '70%', 
    autoSize: false, 
    closeClick: false, 
    openEffect: 'none', 
    closeEffect: 'none', 
    scrolling: 'auto', 
}); 

$(".various").click(); 

你想真正觸發點擊。

注意：如果腳本標記沒有放在.various後面，您將不得不像你自己一樣將它包裝在document.ready中。