Javascript Jssor$ScaleWidth似乎不起作用

我在苦苦挣扎，因为我找不到我的代码有什么问题，无法使jssor滑块响应。下面的代码取自他们网站上的文档，我已经检查过很多次了，它并不复杂，只是API

$ScaleWidth（）

在页面上没有效果，如果您在函数之外使用它的话。你可以在这里看到它

我重复下面的脚本：

<script>
jQuery(document).ready(function ($) {   
     var _CaptionTransitions = [];       
         _CaptionTransitions["oBelin"] = {
            $Duration:1000,
            $FlyDirection:2,
            $Easing:{$Left:$JssorEasing$.$EaseOutBack},
            $ScaleHorizontal:0.6,
            $Opacity:2
            };        

      var options = {           
           $AutoPlay: false,            
           $CaptionSliderOptions: {                
                   $Class: $JssorCaptionSlider$,
                   $CaptionTransitions: _CaptionTransitions,
                   $PlayInMode: 1,                
                   $PlayOutMode: 3,                         
                   },

            $BulletNavigatorOptions: {                                
                $Class: $JssorBulletNavigator$,                       
                $ChanceToShow: 2,                               
                $AutoCenter: 1,                                 
                $Steps: 1,                                      
                $Lanes: 1,                                      
                $SpacingX: 10,                                  
                $SpacingY: 10,                                  
                $Orientation: 1                                 
            }                      
    };          
    var jssor_slider1 = new $JssorSlider$('home-teaser', options);

    function ScaleSlider() {
        var parentWidth = $('#home-teaser').parent().width();

        if (parentWidth) {
            jssor_slider1.$ScaleWidth(parentWidth);
        }
        else
            window.setTimeout(ScaleSlider, 30);
    }
    //Scale slider after document ready
    ScaleSlider();

    //Scale slider while window load/resize/orientationchange.
    $(window).bind("load", ScaleSlider);
    $(window).bind("resize", ScaleSlider);
    $(window).bind("orientationchange", ScaleSlider);
});         

//jssor_slider1.$ScaleWidth(300);   
</script>

jQuery（文档）.ready（函数（$）{
var _CaptionTransitions=[]；
_字幕转换[“奥伯林”]={
$Duration:1000，
$FlyDirection:2，
$Easing:{$Left:$JssorEasing$.$EaseOutBack}，
$ScaleHorizontal:0.6，
$2
};        
变量选项={
$AutoPlay:false，
$CaptionSliderOptions:{
$Class:$JssorCaptionSlider$，
$CAPTIONTRANSTIONS:_CAPTIONTRANSTIONS，
$PlayInMode:1，
$PlayOutMode:3，
},
$BulletNavigatorOptions:{
$Class:$JssorBulletNavigator$，
$ChanceToShow:2，
$AutoCenter:1，
$Steps:1，
$Lanes:1，
$SpacingX:10，
$SpacingY:10，
$定向：1
}                      
};          
var jssor_slider1=新的$JssorSlider$（'home-striser'，选项）；
函数ScaleSlider（）{
var parentWidth=$（“#主页摘要”）.parent（）.width（）；
如果（父宽度）{
jssor_滑块1.$ScaleWidth（父宽度）；
}
其他的
设置超时（ScaleSlider，30）；
}
//文档准备就绪后缩放滑块
ScaleSlider（）；
//窗口加载/调整大小/方向更改时缩放滑块。
$（窗口）.bind（“加载”，ScaleSlider）；
$（窗口）。绑定（“调整大小”，缩放滑块）；
$（窗口）.bind（“方向更改”，缩放滑块）；
});         
//jssor_滑块1.$ScaleWidth（300）；

干得好，恭喜你

请完成以下步骤

$ScaleWidth是一个新的API（以前称为$SetScaleWidth），如果您使用的是旧版本的jssor slider，请下载最新版本

响应代码不在您的页面中，请在下面添加代码

//responsive code begin
function ScaleSlider() {
    var parentWidth = $('#home-teaser').parent().width();

    if (parentWidth) {
        jssor_slider1.$ScaleWidth(parentWidth);
    }
    else
        window.setTimeout(ScaleSlider, 30);
}
//Scale slider after document ready
ScaleSlider();

//Scale slider while window load/resize/orientationchange.
$(window).bind("load", ScaleSlider);
$(window).bind("resize", ScaleSlider);
$(window).bind("orientationchange", ScaleSlider);
//responsive code end

---

非常感谢您的赞美和您的工作，jssor很棒！它正在工作。