Browse by Tags

【茶包射手日記】jQuery自動完成在IE7無法點選提示項目
網友Barry 提問 ,網站套用jQuery AutoComplete Plugin,在IE7下無法用滑鼠點選結果項目,只能透過上下鍵移動選取。 看來得用IE7重現及分析錯誤,此時最痛苦的莫過於沒有 IE Dev Tools 可用,少了+9雙手劍,只能丟石頭打怪好悲情呀~ 幸好,IE7還有個 IE Dev Toolbar 可用,拿支小匕首聊勝於無。 在IE7上重現無法點選提示項目的情境,再開啟IE Dev Toolbar,觀察提示區塊的結構,發現DIV class=ac_reulsts下有一個IFRAME...
【茶包射手日記】使用IE Dev Tools追查Javascript效能問題
同事回報某個網頁出現" 在IE8下,使用jquery.blockUI遮蔽某個div後,<input type="text">輸入時,每打一個字都要等1-2秒字元才會顯示 "的問題。 開啟VM使用IE8可重現問題;而同樣網頁在IE9下則運作正常。針對此一IE下的JavaScript茶包,決定交由 JavaScript效能茶包一哥 --IE Dev Tools Profiler工具進行獵殺! 使用IE8開啟問題網頁,按下F12啟用IE Dev Tools...
【茶包射手日記】jQuery.validate 1.8在IE7相容模式無法運作
測試發現IE9切到IE7相容模式後,jquery.validate.js的驗證功能完全失效,不做任何檢核就送出表單。 追進原始碼,發現問題出在 jquery.validate.js (ver 1.8) 裡elements()函數的寫法: elements: function () { var validator = this , rulesCache = {};   // select all valid inputs inside the form (no submit or reset...
TIPS-跨Domain傳遞Modal Dialog結果
雖然 Model Dialog 不是什麼好東西,礙於它目前還是內部系統的一哥,偶爾伺侯一下難搞的大頭症主角是難免的... orz 這回遇到的難題: A網站的網頁利用showModalDialog顯示來自B網站的網頁,透過window.dialogArguments傳過去的參數以及Modal Dialog中用window.returnValue傳回的結果,因違反 Same Origin Policy ,判定跨Domain不得存取,全都變成了undefined。 我用以下例子來重現問題,先做一個caller...
Posted 06 May 2011 08:03 AMJeffrey | 1 comment(s) 11,499
Filed under: , , ,
jQuery 1.4.2 .focus()導致IE首次change事件失效
同事通報的Issue,花了好大功夫才找出問題點,特此記錄。 某網頁的<input id="x" type="text" />以jQuery掛上change事件,使用IE測試,卻出現第一次修改值後按Tab不會觸發change事件,第二次起change事件正常的情形。我另外加了document.getElementById("x").onchange = function() { ... };作為對照,發現使用onchange掛上的事件每次都如預期被觸發...
Posted 09 March 2011 01:17 PMJeffrey | 5 comment(s) 10,590
Filed under: , ,
CODE-鎖定有掛onchange事件的欄位停用自動完成
上回提過因使用IE自動完成 造成onchange事件不被觸發 的問題,著實帶來一些困擾,不少User抱怨系統掛在onchange事件的欄位連動功能失效。雖然User漸漸都已學會在這些欄位使用手工輸入,不要依賴IE自動完成帶入結果就可以避開問題,抱怨日少。不過我想從網頁設定上去停用autocomplete還是比較根本的解決之道。 當然,我們可以抱著寧可錯殺一百,不可錯放一個的精神來個$("input:text").attr("autocomplete", "off"...
Posted 05 March 2010 03:56 PMJeffrey | 2 comment(s) 8,340
Filed under: , ,
jQuery Textarea - 該用val()還是text()
網頁在FF下不正常,搞了半天才發現問題出在我使用val()指定Textarea的內容,畫面顯示看來一切OK,但經過clone()後,內容值卻消失了。 我整理出以下的範例做測試: (可用 Mini jQuery Lab 直接執行) $( "<div id='x1'><textarea id='t1'></textarea>" + "<textarea id='t2'><...
Posted 11 June 2009 07:13 PMJeffrey | 9 comment(s) 64,538
Filed under: , , ,
好用到掉渣的IE8 Developer Tools--JS效能調校經驗
對我來說,IE8最讓人興奮的新功能非"IE8 Developer Tools"莫屬!! (沒騙你們,我有文章為憑: 1 2 3 ) 上市後,IE8立即取代Firefox成為我開發網頁時的主力測試工具,也開始體驗它的強大威力。 像是可任意下指令的Console視窗我就超愛,把整個網頁玩弄於股掌之間的感覺真好~~ 就拿新聞網站為例,先用 上次提過的技巧 載入jquery-1.3.2.js,用HTML Tab的工具觀察DOM結構,然後可以在Script Tab的Conosle區一行一行下指令...
jQuery XML selector在IE6下不支援逗號
IE又來找碴了,這回闖禍的是IE6。 以下的程式(可使用 Mini jQuery Lab 測試) ,利用jQuery selector去查詢XML中的XmlElement,我有段類似的Code開發期間在IE7/8、FF、Chrome、Safari、Opera下都正常,直到今天交付User測試,User冷不防丟出魔法卷軸,召喚出IE6大魔獸登場,一鎚襲來,我可憐的小網頁就這麼倒地不起... $.getScript( "jquery.xmlext.js" , function (...
Posted 03 June 2009 12:18 AMJeffrey | 3 comment(s) 7,968
Filed under: ,
TIPS-小心IE7會偷改Anchor式HREF
今天用 jQuery UI Tabs 做網頁,其中部分頁籤要動態產生,故現場組裝<li><a href='#divName'><span>tabName</span></a></li>,再呼叫.tabs()達到目的。測試發現,動態產生的頁籤,在IE8開啟IE7相容模式時,點下去會以動態方式載入同一頁面,害網頁中的$(function() { ... })重覆被執行,弄得網頁一團亂。但若使用FF、Chrome甚至切成IE8標準模式執行...
Posted 02 June 2009 07:03 PMJeffrey | 8 comment(s) 15,145
Filed under: ,
Trixie Script: jQuery Plugin評分整合
Plugin眾多也是讓 jQuery 威力無窮的重要因素,不過每回遇到需求,尋找現成的Plugin卻很花功夫。 jQuery官網有個Plugin大總匯: http://plugins.jquery.com/ ,蒐集了很多的Plugin,分門別類,並逐一列出網站、文件、Demo等連結,資訊非常豐富。它甚至也提供了使用者評價(Rating)的機制,對我來說很受用。尤其當同一需求有很多選擇時,往往讓人無所適從,此時看看別人怎麼說,拿香跟著拜準沒錯! 不過Plugin網站在設計時,並沒有把Rating直接放在分類清單上...
Posted 26 August 2008 04:11 AMJeffrey | 3 comment(s) 15,529
Filed under: , ,
document.querySelector() in IE8
支援CSS Selector是讓我 愛上jQuery 的主要原因之一,最新在檢視 IE8 Beta 1 For Developer 的新功能,發現IE8開始支援一些新的W3C規格( http://www.w3.org/TR/selectors-api/ ),其中document多了querySelector與querySelectorAll兩個函數,簡單來說,它實現的就是jQuery裡令人驚豔的CSS Selector功能。例如以下的範例: (只有IE8可以跑,FF、IE7、或Emulate IE7的IE8都會發生錯誤...
Posted 17 April 2008 08:08 AMJeffrey | 2 comment(s) 15,967
Filed under: ,

搜尋

Go

<June 2018>
SunMonTueWedThuFriSat
272829303112
3456789
10111213141516
17181920212223
24252627282930
1234567
 
RSS
創用 CC 授權條款
【廣告】
twMVC
最新回應

Tags 分類檢視
關於作者

一個醉心技術又酷愛分享的Coding魔人,十年的IT職場生涯,寫過系統、管過專案, 也帶過團隊,最後還是無怨無悔地選擇了技術鑽研這條路,近年來則以做一個"有為的中年人"自許。

文章典藏
其他功能

這個部落格


Syndication