javascript - 如何解决来自 Jssor Slider 的错误 "Error: Outer container ' null' not find."？

Question

我已将 Jssor Slider 集成到我网站的主页中。它在该页面上工作正常，但在其他页面上，我在检查 Firebug 的控制台时收到此错误:

Error: Outer container 'null' not found. jssor.js (line 66, col 14)

行号jssor.js 中的 66 是

throw new Error(msg);

我已经包含了所有必需的文件，例如 JavaScript 和 CSS。由于此错误，其他 jQuery 代码也无法工作。我研究了它的解决方案，但无法解决这个问题。我根本没有对 Jssor Slider 库进行任何更改。

以下是我用来实现 Jssor Slider 的 jQuery 代码:

jQuery(document).ready(function ($) {

  var _SlideshowTransitions = [{ $Duration: 1200, $Opacity: 2 }];

  var options = {
    $AutoPlay: true,                                    
    $AutoPlaySteps: 1,                                  
    $AutoPlayInterval: $('#brand_slider_time').val() * 1000,                            
    $PauseOnHover: 1,                               
    $ArrowKeyNavigation: true,                          
    $SlideDuration: 500,                                
    $MinDragOffsetToSlide: 20,                          
    $SlideSpacing: 0,                                   
    $Cols: 1,                                  
    $Align: 0,                                
    $UISearchMode: 1,                                   
    $PlayOrientation: 1,                                
    $DragOrientation: 3,                                
    $SlideshowOptions: {                                
      $Class: $JssorSlideshowRunner$,                 
      $Transitions: _SlideshowTransitions,            
      $TransitionsOrder: 1,                           
      $ShowLink: true                                    
    },

    $BulletNavigatorOptions: {                                
      $Class: $JssorBulletNavigator$,                       
      $ChanceToShow: 2,                               
      $Steps: 1,                                      
      $Rows: 1,                                      
      $SpacingX: 10,                                   
      $SpacingY: 10,                                   
      $Orientation: 1                                 
    },

    $ArrowNavigatorOptions: {
      $Class: $JssorArrowNavigator$,              
      $ChanceToShow: 2,                               
      $Steps: 1                                       
    }
  };

  var jssor_slider1 = new $JssorSlider$("slider1_container", options);


  function ScaleSlider() {
    var parentWidth = jssor_slider1.$Elmt.parentNode.clientWidth;
    if (parentWidth)
      jssor_slider1.$ScaleWidth(Math.min(parentWidth, 940));
    else
      window.setTimeout(ScaleSlider, 30);
  }

  ScaleSlider();

  if (!navigator.userAgent.match(/(iPhone|iPod|iPad|BlackBerry|IEMobile)/)) {
    $(window).bind('resize', ScaleSlider);
  }

  if (navigator.userAgent.match(/(iPhone|iPod|iPad)/)) {
    $(window).bind("orientationchange", ScaleSlider);
  }        
});

Answer 1

请检查您页面的代码。

HTML 元素“slider1_container”丢失或已被其他脚本删除。