3d 使用moodle书籍中的滑块（jquery ui）设置动画的reel js对象。它没有'；行不通

我试图在moodle lms的书中制作一个由滑块（jQueryUI）控制的reel js对象

当我在moodle外面测试它时，效果很好。但当我把它作为moodle书籍的一章上传时，它根本不起作用。可以手动旋转对象（拖动对象），但不能使用滑块

提前谢谢

我使用的是moodle 3.5、reel js 1.3.0版、jquery 1.11.1和jquery.ui 1.10.3

html

Javascript
$（'#animcaracao.selected'）。卷盘({
图片：url+“un01_a01_p01_35;.jpg”，
});
//滑块
$slider=$（“.rg slider”）.slider({
价值：1，
民:1,，
最高：60，
步骤：1，
残疾人士:错,，
幻灯片：功能（事件、用户界面）{
$（“#animcaracao.selected”）.trigger（“reach”，[ui.value，10]）；
}
}); 

滑块滑动时，它应旋转卷轴js对象。但是当我滑动滑块时，对象不会旋转

在moodle的书中，滑块似乎无法触发reel js元素的“到达”方法

---

控制台上没有显示任何javascript错误。

可能有不止一个问题，但是。。。其中一个可能是，

images

似乎需要一个图像/URL数组，而您似乎正在传递一个字符串（奇怪的是，库将其视为一个数组，例如['h'，'t'，'t'，'p'…]）可能存在不止一个问题，但是。。。其中一种可能是，

images

似乎需要一个图像/URL数组，而您似乎在传递一个字符串（奇怪的是，库将其视为一个数组，例如['h'，'t'，'t'，'p'…]）

<div class="ResponsiveProductRight gallery-container col-xs-12 col-sm-7 col-md-8 col-lg-9">
                        <div class="rg-image-container">
                        <div class="rg-image selected">
                            <div style="margin-bottom:20px;">
                                <img src="img/un01_a01_p01_1.jpg"
                                      class="selected"
                                      id="animCoracao"
                                      data-cw="true"
                                      data-frame="1"
                                      data-speed="0"
                                      data-duration="1"
                                      data-velocity="0"
                                      data-brake="0"
                                      data-draggable="false"
                                      data-cursor="default"
                                      data-indicator="-1"
                                      data-preloader="0"
                                      >
                            </div>
                            <div style="display:block;" class="rg-slider-container">
                                <div class="rg-slider-outer">
                                    <!--
                                    <div class="rg-slider-btn pull-left"><i class="fa fa-play"></i></div>
                                    -->
                                    <div class="rg-slider-wrap scroll-bar-wrap ui-widget-content ui-corner-bottom pull-left" style="background: rgb(0, 0, 0);">
                                        <div class="rg-slider ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all" aria-disabled="false"><a class="ui-slider-handle ui-state-default ui-corner-all" href="#"></a></div>
                                    </div>
                                </div>
                            </div>  
                        </div>
                        </div>
                    </div>

Javascript

$('#animCoracao.selected').reel({

                images: url + "un01_a01_p01_#.jpg",
                });

                //slider
                $slider = $(".rg-slider").slider({
                  value: 1,
                  min: 1,
                  max: 60,
                  step: 1,
                  disabled: false,
                  slide: function(event, ui) {
                    $("#animCoracao.selected").trigger("reach", [ui.value, 10]);
                  }
                });