切換在IE

不工作我使用這個代碼在我的網站：切換在IE

var panel = $('.couch-hide'); 
    var originalPos = panel.css("right"); 
    panel.toggle(function() {$(this).animate({right:0},1000, 'easeOutBounce');},function(){$(this).animate({right:originalPos},1000);} 

);

在FF它完美的作品，但在IE瀏覽器，它不彈出的點擊。此外，因爲即時通訊使用CSS權利，它顯示了水平滾動條，但在FF它不。關於我能做些什麼來解決這個問題的任何想法？

來源

2009-05-31 Coughlin

您是否檢查過在IE中設置了「originalPos」的值？ – 2009-05-31 07:50:14

什麼是最好的方法來檢查？你在談論變量的權利？讓我試着找到一個螢火蟲，但對IE來說，我知道那裏有一個。 – Coughlin 2009-06-11 13:59:29

那麼，在Opera，Firefox和IE6/8中對我來說都是一樣的。

使用下面的代碼：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
    <title>sandbox</title> 
    <script type="text/javascript" src="jquery.js"></script> 
    <script type="text/javascript" src="jquery.easing.js"></script> 
    <script type="text/javascript"> 
    $(function(){ 
     var panel = $('.couch-hide'); 
     var originalPos = panel.css("right"); 
     panel.toggle(
     function(){$(this).animate({right:0}, 1000, 'easeOutBounce');}, 
     function(){$(this).animate({right:originalPos}, 1000);} 
    ); 
    }); 
    </script> 
    <style type="text/css"> 
    .couch-hide { 
     position: absolute; 
     right: 100px; 
    } 
    </style> 
</head> 
<body> 
    <div class="couch-hide">Click me!</div> 
</body> 
</html>

文本反彈對屏幕的右側邊緣，然後飛回。

儘管使用toggle來做那似乎很奇怪。至少文檔沒有提到當你爲它提供兩個功能時應該發生什麼。或者這是jquery.easing.js添加的行爲？不熟悉那個。

如果您也提供了HTML和CSS，這將會很有幫助。

來源

2009-05-31 09:33:21

回答

相關問題