Using reel js object animated by a slider (jquery ui) inside a book of moodle. It doesn't work

[mcamilobrazil]

I am trying to make a reel js object being controle by slider (jquery ui) inside a book of the moodle lms.

When I teste it outside moodle it works fine. But when I upload it as a chapter of a book on moodle it doesn't work at all. The object can be rotated manually (dragging the object) but doesn't work with the slider.

Thanks in advance.

I am using moodle 3.5 , reel js version 1.3.0 and jquery 1.11.1 and jquery.ui 1.10.3

html

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]);
              }
            }); 

As the slider slides it should rotate the reel js object. But the object doesn't rotate when I slide the slider.

It seems that when on the book of moodle, the slider can´t trigger the "reach" method of the reel js element.

It doen't show any javascript error on console.