jQuery clone element and events

jQuery 一般情況下,利用 clone() 來複製元素,但是複製元素後,並沒有複製原本元素綁定的事件及數據,這點有點困擾,之前是在Clone之後,重新綁定事件,但這樣會變得很麻煩,也會讓程式碼變得很亂,在 jQuery 1.4 以後 clone() 加了一個貼心的功能,可以在複製的時候選擇要不要連事件及數據一起複製。

Demo 程式如下:

這是一個簡單的範例,在按鈕上綁定一個click事件,點擊按鈕開啟警告窗

$(function(){
  $('.btn').click(function(e){
    alert('hi');
  });
  $('.clone').[......]

Read more

git .gitignore file ignore .htaccess

就我目前所知,.gitignore 檔案無法忽略 .htaccess 檔,這有點困擾,因為正式環境的.htaccess配置與本地端開發環境的配置通常會有些差異,如果不能忽略這檔案,每次更新我都要改一次
.htaccess 配置,實在很困擾,目前能達到的方法要透過下指令方式取消追蹤( 我也很不會用指令的方式 ),我習慣用 SourceTree 來操作,所以這邊也教一下 SourceTree 的操作步驟。

開啟 SourceTree 命令模式

開啟指定專案,面板的右上角有個命令模式


給他按下去

開啟後大概長這樣

取消追蹤 .htaccess 檔案命令

$[......]

Read more

PHP 運用 array_diff() 差集,取得新增及刪除id

實在是太好用了

在開發網頁後端的時候,很常見像WordPress 這樣的分類資料,當按下儲存,表單送出後,PHP會接到的是一個POST的陣列,這就是分類id的陣列,而後端程式的處理上,新增文章的時候很好判斷,只要將送來的id都新增一筆資料就好了,但遇到文章更新的時候就相對麻煩了,因為已經有原本選擇的標籤資料了,需要去比對原本的標籤資料與表單新送過來的分類id,需要判斷哪幾個id是要新增資料,那幾個id 是要刪除資料,透過本篇介紹的array_diff() (陣列的差集),PHP原生的處裡函式就可以輕鬆篩選出來

範例:

<?php

$origin =[......]

Read more

JQuery Invalid or unexpected token

在載入 jquery.min.js 會出現下列錯誤:

Uncaught SyntaxError: Invalid or unexpected token

沒有去編輯 jquery.min.js 理論上應該不會出現這種錯誤,如果你已經嘗試各種方法還是會出現這錯誤,並確認程式編寫沒問題,仍然出現此錯誤,無計可施求助無門可以繼續看看這篇文章,也許對你會有幫助。

Uncaught SyntaxError: Invalid or unexpected token

常見原因:

大部分的情況都是因為程式碼錯誤而造成,常見錯誤全形或半形 「<」「<」、
「“」「”」[……]

Read more

visual Studio Code 繁體中文 設定

安裝完 visual Studio Code 打開發現是英文,不囉嗦 Google 一下有沒有繁體中文的辦法,呦,馬上就有好幾篇,看似很簡單,就照著做囉

[VS Code] 切換介面語系
https://oranwind.org/vs-code-lang/

方法不外乎,按下 Ctrl + Shift + P後,輸入 lang,接著選擇 Configure Language

接著將 locale 中的 en 改成 zh-TW

改完後重開 visual Studio Code ,我想應該中文就會出現了吧,靠,我錯了,一樣是英文,很多篇文章寫的都是這麼簡[……]

Read more

Brackets UI 字太小,把字UI字放大比我想像中容易

Brackets 左邊選單的檔案名稱,我看到眼睛快瞎了,找不到配置選項,雖然說中央編輯區的文字,可以在功能表 除錯 > 偏好設定 中修改文字大小參數,但這參數不影響旁邊UI的文字,看得眼睛真的很累,本篇介紹如何修改Brackets左側選單

安裝 Resize Working Files 擴展

這個 Plugin 非常簡單,沒什麼特別功能,開始安裝上方功能表 檔案 > 擴充功能管理員

右上搜尋框搜尋「Resize Working Files」,安裝並啟用它

開啟「擴充功能資料夾」,功能表 說明 > 顯示擴充功能資料夾

修改UI樣[……]

Read more