jQuery代码无法从内部样式表工作

Question

我正在尝试添加一个我在Wordpress中编写的小脚本。在Google Chrome控制台中输入代码后，一切似乎正常，代码可以正常工作，但是当我通过<script src="filepath.js">调用它时，代码根本无法工作。

我已经尝试使用wp_enqueue_script插入脚本，但是我不太擅长PHP。脚本和代码如下：

if ($('body.single-product').length || $('body.product-template-default').length) {
  jQuery(document).ready(function ($) {
    $('.trx-stretch-width-wrap').prepend('<section class="vc_cta3-container alert-acquisto"><div class="vc_general vc_cta3 vc_cta3-style-classic vc_cta3-shape-rounded vc_cta3-align-left vc_cta3-color-classic vc_cta3-icon-size-md"><div class="vc_cta3_content-container"><div class="vc_cta3-content"><p>Per acquistare i prodotti, contattare attraverso la pagina <a href="/contatti/">Contatti</a> o telefonare lo <a href="tel:+33333333">333333333</a></p></div></div></div></section>');
  })
};

<script type='text/javascript' src='https://mywebsite.com/wp-content/themes/child-theme/prova.js'></script>

在||之间有一些我想显示的页面类，然后使用jQuery我试图将其放在trx-stretch-etc类之前。

实际上，分析瀑布后会调用该脚本，但似乎该脚本根本不执行任何操作，也不知道我写错了什么，语法错误还是某种程度。希望任何人都能帮助我。