jQuery 彙整 - v123 DEV - WordPress & WooCommerce

Elementor form 停用 Ajax ，Js 自訂發送動作

Elementor 的 form widget 實在好用，透過所見及所得的方式就可以拉出精美表單，雖然Elementor 已經很貼心地整合很多表單發送後的動作，但還是有些情況並不一定適用，比如說在官網的表單其實是要發送至另一個系統，這些預設程序就無法處理，雖然 Elementor 有提供 API 可以去擴充這些程序，但這些處理程序是表單透過 Ajax 方式發送至後端處理，這種情況，除非目標的系統也開出對應的API端口，就可以順利銜接，但有些時候目標系統並不是我們能控制的，僅能透過傳統的 Http post 方式傳遞表單資料到目標系統，但 Elementor 目前沒有開啟或關閉 Ajax 的選項[……]

jQuery TypeError: $(…). is not a function 簡單的解決方法

WordPress 開發插件，使用jQuery的時候出現下列錯誤

TypeError: $(…). is not a function

在 WordPress 中調用 jQuery 選擇器(Selector)不能使用金錢符號 $ ，原因我也不知道

要使用 jQuery 作為選擇器 (Selector)

但有些是以前寫的，要把它們運用在WordPress上前要把所有金錢符號 $ 都改掉，有點麻煩，也可能會造成未知的Bug，因此，可以使用以下方法簡單解決這問題

解決方法：

於 jQuery 載入完成後加上以下程式：

[……]

Fix TypeError: p.easing[this.easing] is not a function

function v123_dev_main_scripts() {
        wp_enqueue_script('jquery');
        wp_enqueue_script('jquery-ui-core');
	wp_enqueue_script('jquery-effects-core');
}
add_action('wp_enqueue_scripts', 'v123_dev_main_scripts');

[……]

Fix WordPress jQuery not working? 解決 WordPress 無法使用 jQuery 問題

設計WordPress主題或插件開發時，常會需要使用jQuery，WordPress其實很貼心的已經載入jQuery，但實際使用時發現，原本可以跑的jQuery程式，放進WordPress卻不能跑了，才知道原來WordPress的jQuery要這樣寫。

WordPress 頁面中，確實看到 jQuery 已載入

<script type='text/javascript' src='https://yourdomain.com/wp-includes/js/jquery/jquery.js?ver=1.11.1'></script>
<sc[......]Read more

WordPress jQuery 搜尋及替代文字

主題偷吃步 – jQuery 搜尋及替代文字

在設計WordPress時，常需要替換一些文字，但為了一點文字就去更改主題或子主題，有點殺雞用牛刀，況且為了這一點小東西直接去改主題並不是一個好選擇，除非永遠不去更新主題，否則主題更新後，問題又回來了，所以下方這段代碼算是偷吃步，用jQuery去替代文字就好，主題更新也不會有影響，雖然不正規，不過相當管用。

/*
   v123 DEV
   https://v123.tw
*/
jQuery(document).ready(function(e) {
	var textarea=jQuery('span.excerpt-hellip[......]Read more

標籤: jQuery