如何在 WordPress 的樣板(Template)檔案裡面執行 jQuery

2023-01-04 17:31:02

許多 WordPress 的樣板預設都會讀取 jQuery，不過因其是在 footer 才讀取，所以如果想要在自訂的 template 頁面裡面使用 jQeury 就會因為還沒讀入 jQuery 而有問題，這時候只要把 code 改成這樣：

jQuery(document).ready( function($){
  //your jQuery code here
});

就不會因為還沒讀取 jQuery 就執行裡面的 jQuery 的 code 了，有需要的可以試試看。

[CodeIgniter 4] 使用 CSRF 保護資料的傳遞，並說明搭配 axios/AJAX 的呼叫方法 Explainpaper- 用 AI 幫你了解論文

你可能也會喜歡的

[jQuery] 取得滑鼠位置、元素位置與區塊內的相對位置

解決手機上 safari, chrome 瀏覽器 100vh 無法剛好一整頁的問題

jQuery Plugins- 收集 jQuery Plugins 的集合網站

JavaScript 中透過 getAttribute() 與 setAttribute() 去取得與設定 attr 和直接透過 Dom 物件的節點取得與設定的差別

Selectize.dev：高效能、靈活的 JavaScript 下拉選單外掛

Dev Tool Finder：快速篩選、搜尋、推薦開發者必備工具的實用平台

課程推薦

用 AI 生成網站？ AI 高效網站設計實戰課：ChatGPT X HTML X SEO

利用 AI 提升網站設計效率與 SEO 排名！了解如何透過 ChatGPT 等工具快速建立 HTML 架構，優化關鍵字與用戶體驗，讓網站更具競爭力。

輸入折扣碼 TC1533SL 還可以額外獲得 NT$500 優惠喔。

AI工作術全面學習實戰營：6 堂精選課程，學會最好用 AI 工具，翻轉你的人生

《PChome雜誌》攜手 5 位在 AI 領域的專業講師，打造上述 6 堂實用課程，教你學會時下最好用的 AI 工具，導入生成式 AI 來產製工作內容，改造並升級你的工作流程。

輸入折扣碼 ZERO2024 還可以額外獲得 NT$400 優惠喔。

HTML與SEO實戰應用—並以ChatGPT助力提升網站品質與流量

本課程專為希望深入了解 HTML 並有效結合 SEO 策略的學員設計。我們將重點放在 HTML 的深度學習與應用上，同時穿插介紹如何透過搜索引擎優化提升網站能見度。透過即時互動式的直播教學，加上 ChatGPT 的輔助，您將學習到如何建立一個結構優良、美觀且符合 SEO 標準的網站。這不僅會提升網站的用戶體驗，還會大幅提高網站的搜索引擎排名，進而增加訪客流量和潛在客戶。