ページに表示されるfeatherlightboxのポップアップ

Question

私は完全に正直になるつもりです。私はワードプレス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がポップアップ表示されます。しかし、私がしたいことは、ページの読み込み時に羽根ライトボックスを開くことです。私のコードで見ることができるように、ready_functionも用意されていればfront_pageという部分があります。これは、エラー

捕捉されない例外TypeErrorを返します。プロパティを読み取ることができません未定義

の「featherlight」私はあなたの助け誰もが必要としてください。

ありがとうございました。

Answer 1

jQuery.(document)が動作するので、$ -signを使用してjQueryが定義されていないようです。

$.featherlightからjQuery.featherlightに変更するとうまくいくはずです。

あなたのコメントで尋ねたとおり、最初にそのdivにCSSプロパティ：display: noneを追加してdivを非表示にすることができます。