私のJavascriptのスニペットがWordPressで動作しません

Question

私はコード作成の方法を学ぶデジタルマーケティング担当者です - プログラミングの初心者です。

Wordpress HTMLページの1つにJavascriptコードを追加しようとしていますが、代わりにテキストスニペットとして表示されます。

私はGoogleに問題を解決しようとしましたが、何も動作しません。私はwindow.onloadを使ってテストしようとしましたが、うまくいきませんでした。

JQueryがインストールされていて、このJavascriptスニペットが起動する前にJQueryが最初に読み込まれていることを確認しました。応答がない理由は何でしょうか？

Refer to this image

私はあなたの閲覧のための私のウェブサイトにコードスニペットを残してきた：https://www.jftimes.com/blog/

これらは私が追加コードは次のとおりです。

window.onload = function() { 
    alert('hey'); 
    console.log('ready!'); 
} 

$(function() { 
    //actual code I'm doing 
    $('.vc_col-sm-12 vc_gitem-col vc_gitem-col-align-left').each(function(){ 
     var link = $(this).find('.vc_gitem-link vc_general vc_btn3 vc_btn3-size-md vc_btn3-shape-rounded vc_btn3-style-flat vc_btn3-color-juicy-pink').attr('href'); 
     $(this).content().wrap('<a href="'+ link + '"></a>'); 
    }); 
}); 

Answer 1

あなたには、すべてのコードを配置する必要がありますタグ<script>。 それ以外の場合は、ブラウザにプレーンテキストとして表示されます。

<script> 
jQuery(function() { 
    //actual code I'm doing 
    jQuery('.vc_col-sm-12 vc_gitem-col vc_gitem-col-align-left').each(function() { 
     var link = jQuery(this).find('.vc_gitem-link vc_general vc_btn3 vc_btn3-size-md vc_btn3-shape-rounded vc_btn3-style-flat vc_btn3-color-juicy-pink').attr('href'); 
     jQuery(this).content().wrap('<a href="'+ link + '"></a>'); 
    }); 

}); 
</script>