腳本錯誤，在這裏如果

Question

我有這個劇本，但在IE8我得到錯誤添加：「照片是undiefienied」，哪裏是如果做來解決這個問題：

/* 
* Author:  Marco Kuiper (http://www.marcofolio.net/) 
*/ 
window.addEvent('load', function() { 

    jQuery("#slideimg1").css({ 
      "background-image" : "url("+url+"/" + photos[0].image + ")" 
    }); 
    if(photos.length >= 2){ 
     jQuery("#slideimg2").css({ 
       "background-image" : "url("+url+"/" + photos[1].image + ")" 
     }); 
    } 


    // Backwards navigation 
    jQuery("#cp-back").click(function() { 
     //stopAnimation(); 
     navigate("back"); 
    }); 
    // Forward navigation 
    jQuery("#cp-next").click(function() { 
     //stopAnimation(); 
     navigate("next"); 
    }); 


    //jQuery("#preload").hide(); 
    var activeContainer = 1;  
    var currentImg = 0; 
    var animating = false; 
    var first = false; 
    var navigate = function(direction) { 
     // Check if no animation is running. If it is, prevent the action 
     if(animating) { 
      return; 
     } 
     // Check which current image we need to show 
     if(direction == "next") { 
      currentImg++; 
      if(currentImg == photos.length + 1) { 
       currentImg = 1; 
      } 
     } else { 
      currentImg--; 
      if(currentImg == 0) { 
       currentImg = photos.length; 
      } 
     } 

     // Check which container we need to use 
     var currentContainer = activeContainer; 
     if(activeContainer == 1) { 
      activeContainer = 2; 
     } else { 
      activeContainer = 1; 
     } 

     showImage(photos[currentImg - 1], currentContainer, activeContainer); 

    }; 

    var currentZindex = -1; 
    var showImage = function(photoObject, currentContainer, activeContainer) { 
     //alert(currentContainer); 
     animating = true; 
     // Make sure the new container is always on the background 
     currentZindex--; 
     if(!first){ 
      //alert(first); 
      //alert("aa"); 
      // Set the background image of the new active container 
      jQuery("#slideimg" + activeContainer).css({ 
       "background-image" : "url("+url+"/" + photoObject.image + ")" 
       //"display" : "block", 
       //"z-index" : currentZindex 
      }); 
      // Fade out the current container 
      // and display the header text when animation is complete 
      jQuery("#slideimg" + currentContainer).fadeOut(effectTime,function() { 
       animating = false; 
      }); 
      jQuery("#slideimg" + activeContainer).fadeIn(effectTime); 

      //first = false; 
     }else{ 
      //alert("bbb"); 
      jQuery("#slideimg" + activeContainer).fadeOut(effectTime,function() { 
       animating = false; 
      }); 
      jQuery("#slideimg" + currentContainer).fadeIn(effectTime); 
      first = false; 
      //animating = false; 
     } 
    }; 

    var stopAnimation = function() { 
     // Clear the interval 
     clearInterval(interval); 
    }; 

    // We should statically set the first image 
    navigate("next"); 

    if(photos.length > 1){ 
     // Start playing the animation 
     interval = setInterval(function() { 
      navigate("next"); 
     }, slideshowSpeed); 
    } 

}); 

Answer 1

我注意到你的「照片」的用法，但我沒有看到聲明的變量的任何地方...... 至少，主要功能（因爲它不會是全球性的）裏面，聲明你的照片變種：

var photos = []; 

像克里斯說的那樣，常常檢查var是否被定義。 :) 來源：https://stackoverflow.com/a/17748905/2599797

if (photos) // Simple 
if (typeof(photos) != 'undefined') // Type matching, if photos defaults to true it won't pass 
if ($.isArray(photos)) // jQuery based Javascript/Prototype native array check 

在其他瀏覽器其確定