今天幫同事除掉了一個 Bug，主要的問題在於他在網頁的某個下拉選單 ( <select> ) 使用 .live() API 套用change 事件，但客戶卻測出一個無法觸發 change 事件的狀況，不過同事之前都一律使用 Firefox 進行測試，所以一直沒發生問題過，但今天我用 IE8 測試後發現所有透過 live() API 註冊 change 的事件全部都不會執行，看來這應該是 jQuery 1.4.2 的 Bug 了，希望下一版能修復。
... 繼續閱讀 ...
此文章由 will 發表於 2010/8/29 下午 08:39:51
永久連結 | 評論 (4) | 此文章的RSS |
分類: JavaScript
標籤: jquery, live
我的部落格這週的圖片超多，下載完首頁竟然要 5MB 這麼大，頻寬夠的話首頁下載完畢大概 1 分鐘左右，也因為這個關係我採用了 Lazy Load Plugin for jQuery 讓我部落格上的圖片可以等使用者看到時再下載，透過這種延遲效果就能讓使用者不會等待所有圖片都下載才能順利看到網頁，由於 Lazy Load Plugin for jQuery 必須在 jQuery(document).ready() 裡啟動，但我昨天測試卻怎麼測試都會等圖片全部下載完才會執行，那不就沒用了嗎？也因為此問題讓我研究出許多問題背後的問題與問題之外的問題，收穫頗為豐富，請繼續看下去。
此文章由 will 發表於 2010/7/24 下午 05:32:16
永久連結 | 評論 (6) | 此文章的RSS |
分類: JavaScript | 心得分享
標籤: jquery, LazyLoad
最近有專案要用到下拉式選單搜尋的功能，由於客戶的表單中有個下拉選單(DropDownList)有數千個選項要選取，由於選項太多因此我設計了一個搜尋下拉選單的功能，雖然 jQuery 有內建 :contains() 選取器，不過卻是區分大小寫的版本，因此我自行擴充了一個選取器，讓搜尋時可以不區分大小寫。
此文章由 will 發表於 2010/7/8 下午 09:26:33
永久連結 | 評論 (0) | 此文章的RSS |
標籤: jquery, contains
我們在日常開發工作當中對於 jQuery 已經非常依賴，幾乎每個大大小小的案子都會用上一些，所以深入瞭解 Visual Studio 2010 能帶來什麼幫助十分重要，妥善的利用開發工具帶來的便利性將可以有效減少開發時間、提升開發效率，今天我就要介紹幾個 Visual Studio 2010 與 jQuery 相關功能、開發技巧與好用工具。
此文章由 will 發表於 2010/4/19 上午 12:35:19
永久連結 | 評論 (2) | 此文章的RSS |
分類: JavaScript | Visual Studio | 介紹好用工具
標籤: jquery, visual studio 2010
我們每個案子都會用許多錯誤追蹤的機制確保網站品質，但還是不時會讓客戶發現有些功能無法操作，而這些問題大多出在 JavaScript 錯誤，由於一些老舊的瀏覽器或不同瀏覽器特性不同的關係，難免會有不小心寫錯的時候，為了能有效追蹤這些不易察覺的錯誤，我們會利用 JavaScript 追蹤 JavaScript 錯誤！
此文章由 will 發表於 2009/12/7 下午 12:08:01
永久連結 | 評論 (5) | 此文章的RSS |
分類: Tips | JavaScript | Web
標籤: javascript, jquery, error
簡單的東西不簡單，將 DOM 元素聚焦是個再簡單不過的功能了，在實務上也經常用到，但是我們最近在使用 FancyBox 利用 IFRAME 載入頁面時卻怎麼樣都無法讓游標自動停在特定的文字輸入框中，除此之外，我也將我這些年累積遇到無法 focus() 的問題做了一次總整理，一共有六個版本之多。
此文章由 will 發表於 2009/10/29 下午 09:56:43
分類: Web | Tips | JavaScript
標籤: javascript, jquery, plugin, focus
像我們幾乎每天都要與 jQuery 為伍，到處搜尋 jQuery Plugins 是難免的，有時後還花不少時間試用過才會決定用在專案裡，我之前介紹過的 MiniAjax.com 網站就包括許多 jQuery 外掛，不過今天介紹的網站就真的全部都跟 jQuery 有關的外掛套件：The Ultimate jQuery List
此文章由 will 發表於 2009/7/13 上午 11:12:57
分類: JavaScript | Web
標籤: jquery, javascript
我想家喻戶曉的 jQuery UI 套件應該不用特別介紹了，但我最近又看到一套不錯的 jQuery Tools 套件，相較於知名且多功能的 jQuery UI 套件，jQuery Tools 提供一種額外的選擇，他只提供幾種網站上最常用的功能，包括 Tabs、Tooltips、Expose、Overlay、Scrollable、Flashembed 等，其中的 Flashembed 就可以取代我們之前常用的 swfobject 套件，他還支援 SIFR 功能喔。光聽我說還不夠，最好立即看看線上展示，你就知道有哪些酷炫實用的效果了。
此文章由 will 發表於 2009/6/21 上午 12:41:13
永久連結 | 評論 (1) | 此文章的RSS |
標籤: jquery, jquery ui, jquery tools
我們最近有個需求需要在首頁播放 wmv 影片，但為了不驚擾使用者，所以預設是不自動播放的，但是在頁面中宣告載入影片的地方卻會黑黑的一片 (如下圖示)，因此客戶就要求說要先顯示一張圖片，然後點擊圖片後再播放影片。雖然不是個很難的功能，但我找到了個 jQuery Media Plugin 可以很方便的幫我處理這個需求。
此文章由 will 發表於 2009/5/28 下午 04:58:00
永久連結 | 評論 (10) | 此文章的RSS |
標籤: jquery, media plugin
還記得我之前寫的一篇【如何顯示固定寬度的 Label, 超過會顯示 ...】文章嗎？當時寫說此效果只在 IE 有效，不過最近發現了一篇文章說明如何透過 jQuery Ellipsis plugin 幫你也在 Firefox 也出現“...”符號喔!!
此文章由 will 發表於 2009/4/21 下午 09:24:27
分類: Web | JavaScript | CSS
標籤: jquery, css, text-overflow, ellipsis
由黑暗執行緒站長 Jeffrey 親自操刀、費時數月完成的邊做邊學 jQuery 系列影片(含文章)終於完整上線，一共 15 集精闢入裡的 jQuery 觀念解說與精彩範例 (錄影的時間總共 126 分 15 秒)，絕對能讓原本就會一些 JavaScript 的開發人員快速上手 jQuery，甚至於我認為已經在使用 jQuery 的開發人員更應該看一遍這些影片與文章，也許能帶給你許多意外的收穫喔！
此文章由 will 發表於 2009/4/19 下午 07:14:44
標籤: jquery
之前我介紹過一個 jQuery Cycle Plugin 套件，非常適合用來做跑馬燈或廣告輪播，但是今天我遇到一個跨瀏覽器的問題。我們有做一個網站用到了 jQuery 與 jQuery Cycle Plugin，為了讓 jQuery Cycle 可以在當滑鼠移進廣告看板的範圍時可以先停止輪播，否則使用者可能才剛想要點選廣告時廣告卻換走了的窘境。
此文章由 will 發表於 2009/4/7 下午 02:06:22
永久連結 | 評論 (3) | 此文章的RSS |
標籤: firefox, javascript, evnet, jquery, cycle
前幾天為了讓手下的工程師學習 jQuery 物件操作，出了一個小題目給他們練習。我們有一個統計表同時包括「水平加總」與「垂直加總」兩個需求，且這兩個需求已經用 ASP.NET MVC 開發完成了，都是在 View 中寫 C# 程式進行運算的，我的題目是要將運算的部分改用 jQuery 動態算出。
此文章由 will 發表於 2009/2/14 上午 10:10:51
永久連結 | 評論 (8) | 此文章的RSS |
我不知道怎麼描述今天的主題，總之就是讓頁面中央顯示一個 Window 視窗 ( 不是開新視窗 )，而是讓一個方塊(Box)顯示在頁面中央，並且讓方塊以外的區域都變的暗暗的，讓視覺焦點專注在那個方塊視窗中，如下圖例：
此文章由 will 發表於 2009/2/12 上午 11:09:09
標籤: javascript, jquery, thickbox, fancybox, lightbox
就在剛剛幾個小時前，jQuery 1.3 最新版剛剛出爐，而昨天(1/14)也正好就是 jQuery 的三週年生日。在 jQuery 1.3 這版有許多核心的程式碼已經重新寫過，效能大幅提昇數倍之多，詳細的說明各位可以參考 jQuery 1.3 Release Note 文件，裡面有包含部分效能數據的圖表。
此文章由 will 發表於 2009/1/15 上午 01:07:00
jQuery 最近實在是太夯了，以致於最近 jQuery 官方網站的連線速度極慢，每次開個網頁都要等個 20 ~ 30 秒，所以當要 jQuery Documentation 線上查詢 API 用法說明時，都會浪費許多等待的時間。因此我要推薦大家另一個好用網站：Visual jQuery
此文章由 will 發表於 2008/11/23 上午 12:04:36
分類: JavaScript | Web | 介紹好用工具
標籤: jquery, visual jquery
今天在寫一個 Web Service 的測試程式，而我的測試程式是完全用 jQuery 開發的，因為 jQuery 的 AJAX 功能極強，幾乎可以完成所有 Web Service 的測試工作。不過，我這個 Web Service 走的並不是 SOAP 協定，而是客戶自行定義的 XML 格式，所以包括 Request / Response 都是 XML 格式，本想說如此簡單的架構用 jQuery 很方便，結果卻不如我預期的順遂。
此文章由 will 發表於 2008/11/19 下午 07:34:26
分類: ASP.NET | JavaScript | Web
標籤: jquery, xml, asp.net, javascript, web 2.0, ajax
今天在 Scott Guthrie 的部落格發現一個好消息，就是微軟即將在未來幾個星期內，在現有的 Visual Studio 2008 SP1 與 ASP.NET 相關產品中全面加入對 jQuery 的支援。不只如此，未來微軟的客戶還能在微軟產品支援服務(PSS)開啟與 jQuery 相關的問題。
此文章由 will 發表於 2008/9/29 下午 02:48:55
分類: ASP.NET | JavaScript | Visual Studio | Web
標籤: jquery, asp.net