作者lmfao (Laughing My Fat Ass Off)
看板Web_Design
標題[問題] 使用html5shiv讓IE可顯示html5仍無效
時間Fri May 9 17:30:26 2014
各位前輩好:
最近試著自己做網頁,
於是參考了國外網站抓模組下來改造,
在Chrome, Safari, Firefox上瀏覽都很順..
唯獨IE系列的會版面大亂,
網路上爬文找到了html5shiv這支java可以解決這個問題。
我用的編輯軟體是DW CS5
大多數都是要求在</head>前加入以下語法
<!--[if lt IE 9]>
<script src="dist/html5shiv.js"></script>
<![endif]--> (js要先抓好丟到網頁資料夾裡面)
or
<!–[if IE]>
<script src=
http://html5shiv.googlecode.com/svn/trunk/html5.js></script>
<![endif]–>
但是兩者對小弟來說都沒有效,改完之後重新上傳還是一樣的亂版面。
不知道各位高手有沒有方法來解決這個問題... 謝謝!
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 114.27.135.235
※ 文章網址: http://webptt.com/m.aspx?n=bbs/Web_Design/M.1399627829.A.78B.html
1F:推 leochen0818:應該不用特別下IE判斷吧?@@ 我的很正常阿 05/09 17:34
2F:→ leochen0818:而且你第二段的雙引號怎麼變成"」" 05/09 17:35
謝謝L大秒回
"」"部分是複製到錯的語法 但是更改後仍一樣
還是說我用的程式碼本來就有問題...?
用IE視窗看左下角的錯誤訊息..
說"行586 字元11 錯誤:物件不支援此屬性或方法"
貼一下程式碼的部分
可是照理說如果html5shiv有成功... 那應該不會有這個問題才對呀@@
...
583 <script type="text/javascript">
584 $(function(){
585 var default_view = 'grid';
586 if($.cookie('view') !== 'undefined'){
587 $.cookie('view', default_view, { expires: 7, path: '/' });
588 }
589 function get_grid(){
590 $('.list').removeClass('list-active');
591 $('.grid').addClass('grid-active');
592 $('.prod-cnt').animate({opacity:0},function(){
593 $('.prod-cnt').removeClass('dbox-list');
594 $('.prod-cnt').addClass('dbox');
595 $('.prod-cnt').stop().animate({opacity:1});
596 });
597 }
.....
3F:→ lyforever:你有embbed jquery.cookie.js 嗎? 05/09 18:22
可以請教如何嵌入嗎?
我的功力只有到照版型改內容而已..
※ 編輯: lmfao (219.71.237.81), 05/09/2014 19:46:25
4F:→ serotw:去google jquery cookie 下載下來並在頁面載入試試 05/09 19:50
5F:→ lyforever:<script src='jquery.cookie.js></script> 05/09 19:53
6F:→ ducksteven:html5shiv 的用途是讓舊 IE 可以對 html5 tag 上 style 05/10 01:41
7F:→ ducksteven:所以直接script載入應該就會減少許多爆版 05/10 01:42
8F:→ ducksteven:另外IE9+ 是不需要載入它的 05/10 01:43
9F:推 hit1205:你第二段語法的 -- 變成 – 了 05/10 01:56
10F:推 aspdoctor:你是用IE edge的開發工具測試的吧? 05/11 10:34
11F:→ aspdoctor:edge開發工具模擬的IE78不吃if lt IE這類判斷式 05/11 10:35
12F:→ aspdoctor:另外有需要判斷老瀏覽器的需求可以用modernizr.js 05/11 10:36