JSSOR 未定义"拇指导航器"的错误原型

我试图在我的页面上实现JSSOR滑块，但我被拇指导航卡住了。一旦我将u="thumbnavigator"添加到标记中，我就会不断收到以下错误：

Error: Error: prototype of 'thumbnavigator' not defined. Script: [...] Line: 69 Column: 14 StackTrace: Error: prototype of 'thumbnavigator' not defined.

定义应该足够，而不是问题：

<div u="thumbnavigator" style="position:absolute; width:600px; height:120px;" class="slider-thumbs">
</div>

以下是我如何初始化Slider：

        var options = {
            $DragOrientation: 1,
            $ArrowNavigatorOptions: {
                $Class: $JssorArrowNavigator$,
                $ChanceToShow: 2
            },
            $ThumbnailNavigatorOptions:  {
                $Class: $JssorThumbnailNavigator$,           
                $ChanceToShow: 2,                              
                $Loop: 0,                                     
                $SpacingX: 3,                                  
                $SpacingY: 3,                                  
                $DisplayPieces: 4,                               
                $ArrowNavigatorOptions: {
                    $Class: $JssorArrowNavigator$,             
                    $ChanceToShow: 2,                              
                    $AutoCenter: 2,                                
                    $Steps: 3                                    
                }
            }
        };
        console.log($JssorThumbnailNavigator$);
        console.log($('#slider-main'));
        var jssor_slider1 = new $JssorSlider$("slider-main", options);

在我的控制台中给我以下内容，对我来说完全正确：

function(elmt, options)
Object[div#slider-main.slider]

此外，我在幻灯片标记中有一个<img u="thumb" />和一个<img u="image" />，它们都指向有效的图像资源（用firebug检查）。

有人能给我指一下这里的正确方向吗？感谢任何帮助：）