我的JavaScript片段不能在WordPress上工作

-1

我是一位數字營銷人員，學習如何編寫代碼 - 所以我是一名編程初學者。我的JavaScript片段不能在WordPress上工作

我想添加一個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>'); 
    }); 
});

來源

2017-02-19 Fred Ng

首先要經常檢查的是在瀏覽器控制檯中拋出的錯誤 – charlietfl

我沒有檢查控制檯中的錯誤。沒有錯誤。 –

你必須把所有的代碼標籤<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>

來源

2017-02-19 17:40:52

另外我認爲在WordPress的jQuery而不是$ – CodingYourLife

正如@CodingYourLife說，你應該使用「jQuery」而不是「$」，所以你的代碼段不會與其他庫衝突。 –

如果您將參數作爲參數傳遞，可以在內部使用'$' – charlietfl

我的JavaScript片段不能在WordPress上工作

回答

相關問題