功能在Firefox中是未定義的

好的，以下代碼在IE7 +和Chrome中可以正常工作。但由於某些原因，xfade在Firefox中未定義功能在Firefox中是未定義的

<html> 
    <body> 
     <div id="slider"></div> 
     <script type="text/javascript"> 
var Klimateka = { 
    Slider: function() { 
     // Check if we have a slider div on page 
     var slider = document.getElementById('slider'); 
     if (slider != null) { 
      var images = ["slide-image-1.jpg", "slide-image-2.jpg", "slide-image-3.jpg", "slide-image-4.jpg"]; 
      var i = images.length; 
      while (i) { 
       i -= 1; 
       var img = document.createElement("img"); 
       img.src = "images/" + images[i]; 
       slider.appendChild(img); 
      } 
      var d = document, imgs = new Array(), zInterval = null, current = 0, pause = false; 
      imgs = d.getElementById("slider").getElementsByTagName("img"); 
      for (i = 1; i < imgs.length; i++) imgs[i].xOpacity = 0; 
      imgs[0].style.display = "block"; 
      imgs[0].xOpacity = .99; 

      setTimeout("xfade()", 3500); 

      function xfade() { 
       cOpacity = imgs[current].xOpacity; 
       nIndex = imgs[current + 1] ? current + 1 : 0; 

       nOpacity = imgs[nIndex].xOpacity; 

       cOpacity -= .05; 
       nOpacity += .05; 

       imgs[nIndex].style.display = "block"; 
       imgs[current].xOpacity = cOpacity; 
       imgs[nIndex].xOpacity = nOpacity; 

       setOpacity(imgs[current]); 
       setOpacity(imgs[nIndex]); 

       if (cOpacity <= 0) { 
        imgs[current].style.display = "none"; 
        current = nIndex; 
        setTimeout(xfade, 3500); 
       } else { 
        setTimeout(xfade, 50); 
       } 

       function setOpacity(obj) { 
        if (obj.xOpacity > .99) { 
         obj.xOpacity = .99; 
         return; 
        } 
        obj.style.opacity = obj.xOpacity; 
        obj.style.MozOpacity = obj.xOpacity; 
        obj.style.filter = "alpha(opacity=" + (obj.xOpacity * 100) + ")"; 
       } 
      } 
     } 
    }, 

    bar: function() { 
    } 
}; 

Klimateka.Slider();

我已經安裝了用於測試的jsfiddler： http://jsfiddle.net/rTtKh/10/

來源

2011-12-27 Dementic

This might only apply to Firefox：小時候塊內聲明的時候

功能不葫蘆。

您聲明xfade的if塊內，但您呼叫的聲明，它之前：

setTimeout(xfade, 3500);

把函數聲明在上面。

~~你必須這樣做setOpacity裏面xfade。~~<-這不是必需的。

來源

2011-12-27 14:03:05

Ahhhh haaaaa。知道了^ _ ^。這是有道理的：-D – Neal 2011-12-27 14:04:26

是的 - 確保在「xfade（）」中的所有變量都在適當的範圍級別用'var'正確聲明是一個非常好的主意。 – Pointy 2011-12-27 14:07:25

@Pointy - 我想你錯過了，因爲他們被宣佈。 – Dementic 2011-12-27 14:18:38

修正你的線，說這個：setTimeout("xfade()", 3500);，以配合您的人：

setTimeout(xfade, 3500);

來源

2011-12-27 14:00:08 Neal

小提琴已經使用這個版本，但錯誤仍然存在。 – 2011-12-27 14:03:43

我在想什麼使它在IE和Chrome中工作。我知道IE使用命名的函數*表達式*做了一些奇怪的事情，但是「xfade」函數只是一個常規的函數聲明。 *編輯* - 啊。 :-) – Pointy 2011-12-27 14:04:20

@Pointy請參閱['@ Felix's'答案]（http://stackoverflow.com/a/8645473/561731）^ _^ – Neal 2011-12-27 14:05:03

改爲使用setTimeout（xfade，3500）。

來源

2011-12-27 14:00:44 epignosisx

功能在Firefox中是未定義的

回答

相關問題