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...

Posted 23 December 2012 08:08 AM 由 Jeffrey | 1 comment(s) 8,430

Filed under: Trouble-Shooting, IE, jQuery

【茶包射手日記】使用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...

Posted 18 January 2012 11:44 PM 由 Jeffrey | 1 comment(s) 8,718

Filed under: Trouble-Shooting, IE, jQuery

【茶包射手日記】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...

Posted 01 September 2011 01:22 PM 由 Jeffrey | 3 comment(s) 10,642

Filed under: Trouble-Shooting, IE, jQuery

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 AM 由 Jeffrey | 1 comment(s) 12,348

Filed under: Javascript, ASP.NET, IE, jQuery

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 PM 由 Jeffrey | 5 comment(s) 11,713

Filed under: Javascript, IE, jQuery

CODE-鎖定有掛onchange事件的欄位停用自動完成

上回提過因使用IE自動完成 造成onchange事件不被觸發 的問題，著實帶來一些困擾，不少User抱怨系統掛在onchange事件的欄位連動功能失效。雖然User漸漸都已學會在這些欄位使用手工輸入，不要依賴IE自動完成帶入結果就可以避開問題，抱怨日少。不過我想從網頁設定上去停用autocomplete還是比較根本的解決之道。 當然，我們可以抱著寧可錯殺一百，不可錯放一個的精神來個$("input:text").attr("autocomplete", "off"...

Posted 05 March 2010 03:56 PM 由 Jeffrey | 2 comment(s) 9,066

Filed under: IE, jQuery, CODE

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 PM 由 Jeffrey | 9 comment(s) 66,375

Filed under: Tips, Javascript, IE, jQuery

好用到掉渣的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區一行一行下指令...

Posted 08 June 2009 04:40 AM 由 Jeffrey | 22 comment(s) 36,235

Filed under: Javascript, Performance, IE, jQuery

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 AM 由 Jeffrey | 3 comment(s) 8,766

Filed under: IE, jQuery

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 PM 由 Jeffrey | 8 comment(s) 16,255

Filed under: IE, jQuery

Trixie Script: jQuery Plugin評分整合

Plugin眾多也是讓 jQuery 威力無窮的重要因素，不過每回遇到需求，尋找現成的Plugin卻很花功夫。 jQuery官網有個Plugin大總匯: http://plugins.jquery.com/ ，蒐集了很多的Plugin，分門別類，並逐一列出網站、文件、Demo等連結，資訊非常豐富。它甚至也提供了使用者評價(Rating)的機制，對我來說很受用。尤其當同一需求有很多選擇時，往往讓人無所適從，此時看看別人怎麼說，拿香跟著拜準沒錯! 不過Plugin網站在設計時，並沒有把Rating直接放在分類清單上...

Posted 26 August 2008 04:11 AM 由 Jeffrey | 3 comment(s) 16,413

Filed under: Tools, IE, jQuery

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 AM 由 Jeffrey | 2 comment(s) 16,788

Filed under: IE, jQuery

搜尋