Question

我是一位学习如何编码的数字营销人员 - 所以我是编程初学者。

我尝试将Javascript代码添加到我的一个Wordpress HTML网页中，但它显示为文本代码段。

我已经尝试过谷歌这个问题，但没有任何作用。我尝试使用window.onload进行测试，但它也没有用。

已安装JQuery，我确保在此Javascript代码段触发之前首先加载它。可能是缺乏回应的原因是什么？

我已将代码段留在我的网站上供您查看：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>

我的Javascript代码段不适用于WordPress

1 个答案: