在頁面加載時顯示彈出式彈出框

我將完全誠實。我在wordpress php編碼方面沒有經驗，但我可以使用wordpress管理員進行簡單的調整。現在我面臨一個問題。我用羽毛燈箱js。我有一個下面的代碼顯示頁腳的一部分。在頁面加載時顯示彈出式彈出框

<?php if (is_front_page()) : ?> 

<script> 

    jQuery(document).ready(function() { 


    $.featherlight("#mylightbox"); 
     //console.log("hi"); 



    }); 

</script> 

<?php endif; ?> 



<?php wp_footer(); ?> 

<a href="#" data-featherlight="#mylightbox">Open element in lightbox</a> 
<div id="mylightbox">This div will be opened in a lightbox</div> 

</body>

隨着這個featherlightbo彈出時，我點擊錨標記。但我想要做的是讓羽毛燈箱在頁面加載時打開它。正如你可以在我的代碼中看到的，那裏有一個部分說如果front_page也有ready函數。它返回一個錯誤

遺漏的類型錯誤：無法讀取的不確定財產「輕如羽毛」

請我需要你的幫助的人。

謝謝。

來源

2017-01-16 Pro_Newbie

在您調用'$ .featherlight（「＃mylightbox」）;' –

'''script'之前加載'featherlight.js'插件如何？對不起，這個愚蠢的問題。 –

向我們展示您的腳本加載部分，或整個頁面會更好地分析。 –

似乎jQuery沒有使用$ -sign定義，因爲jQuery.(document)有效。

更改$.featherlight到jQuery.featherlight它應該工作。

正如您在您的評論中所問，您可以通過在該div上添加css屬性：display: none來初步隱藏div。

來源

2017-01-16 06:04:48

在頁面加載時顯示彈出式彈出框

回答

相關問題