2010-09-24 30 views
1

我們有一些HTML按鈕,我們使用JQuery格式化 - $('#button').button()在IE6中顯示jQuery按鈕

工程很好,但..當頁面第一次在IE6中加載時,您會看到「未格式化」的常規HTML按鈕,然後您會看到JQuery格式化後踢一秒鐘左右。

你可以做什麼避免顯示默認的HTML按鈕,只顯示JQuery格式的版本?

+0

你爲什麼還在爲IE6開發呢,奇怪的是,世界其他地方的IE6除了令人驚訝的還有開發者本身以外呢... – 2010-09-24 01:00:27

+0

@Andrew Dunn:這可能是由於商業原因,因爲微軟選擇了爲了延長IE6的使用壽命,直到2014年...甚至在2012年之後:) – 2010-09-24 01:13:54

+0

也許試試看[此鏈接](http://browsesad.com/)。 – Reigel 2010-09-24 01:26:57

回答

2

放入它默認是隱藏CSS: #hiddenDiv {display: none;}然後你使用jQuery取消隱藏在div上的按鈕執行所有的造型後$('#hiddenDiv').show()

編輯一個div: 爲了讓該按鈕被顯示時禁用JavaScript:

<noscript> 
    <style> 
     #hiddenDiv 
      { 
      display: block!important; 
      } 
    </style> 
</noscript> 

重要:這會取消你的HTML,爲style標籤不noscript元素允許的,並且在head元素中不允許使用XHTML noscript標籤。

+0

這是不可取的。如果javascript被禁用,用戶不會看到按鈕。 – Reigel 2010-09-24 01:24:59

+0

固定...但我覺得很髒。 – 2010-09-24 11:57:44

1

試試看。在你的CSS代碼,寫

#button{ 
visibility: hidden 
} 

將這個代碼裏面

<!--[if IE 6]> 
<![endif]--> 

而且在$(document).ready函數,添加以下。

("#button").css("visibility","visible"); 

如果他們使用IE6並禁用Javascript,則將它們擰緊。 :P

+0

這是不可取的。如果javascript被禁用,用戶不會看到按鈕。 – Reigel 2010-09-24 01:24:26

+0

簡單的解決方案,易於實施。是的,在JS關閉的情況下,IE6中的任何人都會搞砸,但坦白說,這很難。說實話,如果原來的問題只是影響IE6並在頁面加載後自行修復,我會保持原樣。有用。好吧,它看起來不漂亮,但你使用的是IE6;你能指望什麼?? – Spudley 2010-09-24 14:36:17