2011-03-10 49 views
1

我有一個跨度包裝在td中。我設置我的span css不顯示任何內容。當使用fadein觸發我的js函數顯示時,它不能在IE8上工作,但在7和9上完美工作。下面是我的代碼。jquery fadein不會在IE8上工作

CSS代碼

.noansError{border: 1px solid #a51b1b; padding: 0 0 0 2px; background: #f8a1a1; color: #a51b1b; font-size: 14px; display: none;} 

HTML代碼

<td><span id="errorNoAns1" class="noansError">Please Answer</span><input id="q1" type="text"/></td> 

MY jQuery的

$('#q1').css('display','none'); 
$('#errorNoAns1').fadeIn(300); 

ID errorNoAns1是,在IE8不會淡入跨度

+0

你如何測試IE8? – sdleihssirhc 2011-03-10 03:32:03

回答

2

哎!我經歷了幾個小時的搜尋後才知道。我發現你需要在你的父元素上有一個相對位置。我剛剛在我的td上添加了相對位置,其中span是換行。

+0

這也適用於我。感謝您發佈您的答案。 – Sam152 2013-06-17 08:13:02

0

嘗試

$('#q1').hide() 

即有大約屬性設置

0

$('#errorNoAns1').hide().fadeIn(300);可能會解決它的一些問題,但它是一個有點哈克。

+0

感謝您的回覆,iv嘗試了您的答案,但不會工作。 – andsien 2011-03-10 03:59:35

+0

你有一個網上的例子,我可以看到 – Nilloc 2011-03-10 04:03:36

+0

對不起,但我沒有現場的例子。 – andsien 2011-03-10 04:06:25

1

我覺得jQuery的fadeIn(),fadeOut()函數只能顯示/隱藏塊元素,你可以設置.noansError {display:block}來嘗試一下。