坑爹的IE8
1.不能用trim(),要用$.trim()
var aa = $("#id").val().trim() 這樣素不行的,要變成這樣Jquery的方式 var aa = $.trim($("#id").val())
還有個迂迴的方式自己來實現
參照:http://hi.baidu.com/yuiezt/item/756d0f4ec4d2640ec11613f9
2.使用<marquee>,當一輪走過後,總要有一段空白的才會走下一輪。當裡面的內容超過螢幕寬度太多時,這種狀況就更加明顯了。
為此,改用每隔一段時間移動位置來實現。
發現當speed設成1時,IE8變得非常侷促,一下快一下慢,這是為咩啊,我摔,別的IE9,Chrome都飛快地說。
<script>
var speed=100;
var tab=document.getElementById("main");
var tab1=document.getElementById("content1");
var tab2=document.getElementById("content2");
tab2.innerHTML=tab1.innerHTML;
function Marquee(){
if(tab2.offsetWidth-tab.scrollLeft<=0)
tab.scrollLeft=tab.scrollLeft-tab1.offsetWidth*10
else{
tab.scrollLeft=tab.scrollLeft+10;
}
}
var MyMar=setInterval(Marquee,speed);
tab.onmouseover=function() {clearInterval(MyMar)};
tab.onmouseout=function() {MyMar=setInterval(Marquee,speed)};
</script>
3.慎用"dispaly:none"/"display:block",採用"visiblity:hidden"/"visibility:show",最好用Jquery的show()和hide()來控制
"visiblity:hidden"會留出個位置給隱藏元素,這樣當切換元素可見不可見的時候,畫面位置不會改變。
而"display:none"在其它瀏覽器也沒事,但碰上IE8,就會在頁面上留下個殘影,IE8,你的反應要不要這麼慢阿!
4.當DropDown List子項值的長度超過預留位置時,IE8擋住了過長的部分,不方便選擇
補救方法,在option加上title屬性,使得滑鼠放上面可以顯示整個文字值
test : <select name="Select1" value="0" style="width:250px">
<option selected="true" value="0">Please choose a value</option>
<option value="1" title='aaaaaaaaaaaaaaaaaabbbbbbbbbbbbbbbbbbbaacccccccccccc'>aaaaaaaaaaaaaaaaaabbbbbbbbbbbbbbbbbbbaacccccccccccc</option>
<option value="2" title='aaaaaaaaaabbbbbbbbbbbbbbbbbbbcccccddddddd'>aaaaaaaaaabbbbbbbbbbbbbbbbbbbcccccddddddd</option>
</select>
效果:
5.Jquery在做Browser support時,動態給地裡面加入些元素測試,結果某些語句通不過
這個是ie的問題,它不支援修改tr或table的innerHTML屬性,只允許修改td的innerHTML,真是奇葩呀
innerHTML未知的執行錯誤
http://www.cnblogs.com/orc/archive/2008/06/18/1224322.html
jquery-1.8.3.js
div = document.createElement("div");
div.innerHTML = "<table><tr><td></td><td>t</td></tr></table>";
jquery.js
div.innerHTML = "<div style='width:4px;'></div>";
div.innerHTML = "<table><tr><td style='padding:0;display:none'></td><td>t</td></tr></table>";
解決辦法,使用低版本的jQuery,比如jquery-1.6.4
相關文章
- 坑爹的Sun JDKJDK
- 坑爹的驗證碼。。
- 坑爹的Oracle 11.2.0.3Oracle
- 坑爹的Python陷阱(避坑指南)Python
- 十二個坑爹的Python陷阱Python
- 坑爹的UEditor與springMVC的結合SpringMVC
- 最近線上發生的兩個坑爹鍋
- NDK的坑爹問題make: *** No rule to make target
- 踩坑CBO,解決那些坑爹的SQL優化問題SQL優化
- 史上最坑爹的程式碼!個個讓人崩潰!
- 坑爹的IE6相容性問題
- 坑爹的導航欄返回鍵(navigationItem.backButtonBarItem)Navigation
- Large Division (大數取餘,有個坑爹的地方)
- 一有不慎,廣泛傳播,坑爹啊
- 創業故事多:合夥人的悲催坑爹二三事創業
- 骷髏坑人小技巧1[python]:坑爹遊戲[tkinter]Python遊戲
- Linux 發行版 Ultimate Edition 3.9 太坑爹了Linux
- 記一次坑爹的golang 二維map判斷問題Golang
- jivejdon太坑爹了,原始碼類路徑不對啊!!!。原始碼
- 8848鈦金手機坑爹 買不起這麼貴的手機
- Elasticsearch 的坑爹事——記錄一次mapping field修改過程ElasticsearchAPP
- Misfit新增游泳追蹤功能 需付費購買有點坑爹
- Apple Watch延保費大降!老使用者喊坑爹APP
- mybatis 提示404跳轉異常因為spring下面有兩個modelandview,坑爹又坑娘MyBatisSpringView
- 坑爹專案「spring-cloud-alibaba」,我們也來一個SpringCloud
- 坑爹!熊孩子洩密iPhone X機密 父親被蘋果開除iPhone蘋果
- 人均幾元被稱坑爹 百億紅包營銷戰只為搶入口
- 使用Android Studio 遇到的坑爹問題及解決方法(持續更新中)Android
- 遊戲代理坑爹路:千億遊戲市場,一毛也不屬於你遊戲
- Zend Studio導致PHP插入資料庫中文亂碼【坑了個爹】PHP資料庫
- 商業公寓坑爹無極限,為啥購買者還是趨之若鶩?
- Java併發 之 執行緒池系列 (1) 讓多執行緒不再坑爹的執行緒池Java執行緒
- AngularJS在IE8的支援AngularJS
- 坑爹!為手機泡網咖一年 攢25000分被告知不可兌換
- 高考語文再現奇葩作文題!大資料分析高考作文,看看哪年最坑爹?大資料
- parseInt()方法在IE8和IE8以下瀏覽器的相容性問題瀏覽器
- Oracle standby的ORA-01578 ORA-01110 ORA-26040 坑爹的NOLOGGINGOracle
- js判斷IE8和IE8以下瀏覽器程式碼JS瀏覽器