pointer-events pointer-events 為控制滑鼠目標的 CSS3 屬性 > The pointer-events CSS property specifies under what circumstances (if any) a particular graphic element can become the target of mouse events. 雖說大部分為製作 SVG 時使用，不過在特定情況時在 div 上使用也是可以的 製作穿透的 div 穿透的 div 這需求非常常見，例如：連結上著遮罩，或是製作選單在展開前把選單藏在畫面上，都是用的到的 使用 pointer-events 很容易就可以達到我們想要的效果 pointer-events:auto auto 為 pointer-events

情境： 相信大家對 jQuery 的 resize 與 scroll 等事件並不陌生，近期在開發 jQuery Plugin 時 ， 碰到一個問題 ， 我需要在 resize 事件發生時 ， 針對 視窗的 放大 與 縮小 ， 執行不同的 method 與 event 這類的需求，其實是非常常見的，像是 scroll 事件中，只針對滾輪在 往上 滾動時，讓隱藏的選單出現於畫面中，就是我們在使用網頁的使用者體驗中，最常見的例子 作法 ： > 此部份我以 resize 事件為範例， 同邏輯 scroll 事件也適用下列方法 範例： (function($){ var previousDimensions = { width: $(window)

情境 ： 分類列表 在 Web 中非常的常見，而 WordPress 在針對 分類列表 處理上 ， 提供了一個方法叫做 wp_list_categories（） [https://developer.wordpress.org/reference/functions/wp_list_categories/] ， 這也是我在 WordPress 中第一次製作 分類列表 Google 關鍵字 wordpress categories list ，第一筆就找到的， wp_list_categories（） [https://developer.wordpress.org/reference/functions/wp_list_categories/] 這個方法在使用上十分的容易，也提了許多的屬性 （例如：層級、排序、

前言： 如標題，在做任何應用的開發，對工程師而言這種需求並不少見，而在 WordPress 開發中，更是常見，因為很多 WordPress 的 Variable 與 Method ， 都是經 php 開發後所提供 情境： 最典型的例子就是 get_template_directory_uri( ) [https://developer.wordpress.org/reference/functions/get_template_directory_uri/] 了 ： 這是 WordPress 用來回傳 版型根目錄 所提供的 Method，在 JavaScript 的開發中，尤其是在 Ajax 的應用，往往都會需要 檔案目錄的路徑 來協助提取我們要的資料 那如何將

前言 ： 如果你是有一般 Html 跟 JavaScript 基礎你應該都知道，我們在 Html 上開發 JavaScript 時之前 ， 除了直接在 script 標籤裡直接開發外，就直接用以下方式引入 JavaScript 的檔案： <script src="myscripts.js"></script> 雖然使用這種方法在 WordPress 中也是行得通，不過你可能會碰到以下的問題： * 檔案路徑的問題 * 因為 header.php 與 footer.php 重複使用 ， 導致 js 在不必要時候載入 使用 WordPress 內建方法 ： WordPress 本身就有提供 引入 JavaScript

目的： * 優化 jQuery scroll 與 resize 的事件觸發 * 大幅減少重複的代碼，達到效能優化 > 參考文章：delay-scroll-handlers-javascript [https://dannyvankooten.com/delay-scroll-handlers-javascript/] 底下文章皆以 scroll 事件為例： 情境： 我們在開發互動式網站時，通常 scroll 事件都是少不了的，現在很多 UI 的設計都會對 滾動 這個事件進行客制化，畢竟他是使用者與網站最主要的互動。 在程式端，如果你使用是 jQuery 一定都是使用 .scroll() [https://api.jquery.com/scroll/]，來進行事件驅動，如下： $(window).scroll(function(){ console.log('scroll event&

目的： 使用jQuery在 WordPress 中實做ajax無限捲軸 參考文章：getting-loopy-ajax-powered-loops-with-jquery-and-wordpress–wp [https://code.tutsplus.com/articles/getting-loopy-ajax-powered-loops-with-jquery-and-wordpress--wp-23232] 一、前製準備： * 在網站版型目錄下新增一個 .php 的 file （此以 loopHandler.php 為此 php 檔案做命名） * 在網站版型目錄下新增一個 js 目錄以存放所需的 js 檔案 * 於 剛新增的 js 目錄下新增一個 .js 的 file （此以 ajaxLoop.js 為此 js 檔案做命名） > 在 WordPress 中引入 javascript 檔案 需要在

As a Drupaler, you may see a strange thing. Your Javascript doesn’t affect Drupal Ajax’ data when it’s triggered. This strange thing makes a lot of people confuse it. Drupal is very powerful CMS. Doesn’t it provide a solution to fix it? Yes, it does. Drupal provide

前言 作為 Drupal 前端開發者，想必曾發生過，在Drupal 的 Ajax 一旦觸發後，你所撰寫的 Javascript 會對動態的元素，起不了任何作用。 這麼強大的 Drupal 難道沒有辦法解決這個方法嗎？ 其實是有的，Drupal Javascript API 提供了一個方法叫 Behaviors 。接下來小編帶讀者們認識 Drupal Behaviors 的強大之處。 > 為何 Javascript 對動態元素會沒有任何作用，如對這有興趣可以參考這裡的簡單說明 [https://bonze.tw/drupal-ajax-%E5%9F%B7%E8%A1%8C%E5%BE%8C-javascript-%E6%9C%83%E6%B2%92%