2010-08-23 233 views
1

我使用jQuery addClass代碼來顯示/隱藏元素時滾動div。在所有的瀏覽器,它的工作原理,但在IE瀏覽器只適用於我滾動一些文本,而不是完整的div。懸停在IE不工作時,懸停在整個div

所以在這個例子中,如果我翻轉主div的showstext部分,hiddentext div會顯示。但如果我將鼠標放在兩個浮動div之間(現在有文本或任何東西),懸停不起作用。

更新:下面的代碼似乎工作,但我的生產代碼沒有。請參閱以下鏈接:jsfiddle.net/H2anm/5有一些破損的圖像等,但如果您將鼠標移到元素右邊的用戶名右側的空白處,位置座標和Pref.brand:Gamehouse ..或某些周圍Share/Bookmark鏈接的空白區域,div摺疊和按鈕/ bgcolor改變消失。

的javascript:

$(function() { 
$("div.DivThatsTriggeredOnRollover").hover( 
function() { $("div.hiddentext").addClass("hiddentextShow"); }, 
function() { $("div.hiddentext").removeClass("hiddentextShow"); }); 
}); 

僞HTML代碼:

<div class="DivThatsTriggeredOnRollover" style="width:500px;"> 

<div id="showingtext" style="float:left;width:100px;"> 
here is showing text 
</div> 

<div class="hiddentext" style="float:right;width:100px;"> 
here is hidden text 
</div> 

</div> 

回答

2

原來,在IE7,如果你有一個更大的div內的多個浮標和你在內部浮動的div一個指定的寬度,你have to specify a width in the outermost ones作爲好。即時通訊不知道爲什麼是這種情況,但它已被固定在我的代碼版本在這裏:http://jsfiddle.net/H2anm/8/

我需要指定整個外部div的寬度,因爲我已指定一個灰色div。在此之前,如果我滾下紅/灰色懸停翻轉沒有工作。

+0

奇怪的錯誤,感謝您發佈後續行動。 – 2011-10-08 08:33:11

2

其實,一切正常(在IE6-7-8測試):

http://jsfiddle.net/ZDyyU/

如果你將鼠標放在.DivThatsTriggeredOnRollover內的任何東西上,當鼠標移出時,3210將顯示並隱藏。 .showingtext在這一點上沒有任何作用,它只是在那裏。

+0

哇,這是一個偉大的工具。我更新了生產代碼。我可以將此工具設置爲IE/FF還是任何其他瀏覽器?或者我必須在特定的瀏覽器中使用它? 這個工作對你來說還在IE中。 http://jsfiddle.net/H2anm/1/ – JiminyCricket 2010-08-23 18:14:51

+0

那麼,無論你打開哪個瀏覽器,你都會看到它的表現。是的,您的prod代碼在IE6-7-8中適用於我:只要將鼠標放在容器上,「共享書籤」就會顯示出來。 – montrealist 2010-08-23 18:19:10

+0

請看更新。當您翻轉上面指定的空間(用戶名/ coordinates/pref.brand的右側)或當您翻轉共享/書籤按鈕周圍的空白時,它會起作用嗎? – JiminyCricket 2010-08-27 14:18:47

1

你的代碼看起來很完美。不知道是怎麼回事錯

http://jsbin.com/udaqi4

+0

謝謝,我的例子工作,但不是我的生產代碼。請參閱上面的更新,我包括一個鏈接 – JiminyCricket 2010-08-27 14:19:35