如何解决我的jquery插件问题？

Question

我正在尝试使用一个名为ancesor的Jquery插件。

我有以下几点：

<nav class='navbar navbar-default' role='navigation '>
    <ul class='alinks list-inline links-to-floor'>
        <li class="list-group-item"><a href='#'>link1</a></li>
        <li class="list-group-item"><a href='#'>link2</a></li>
        <li class="list-group-item"><a href='#'>link3</a></li>
        <li class="list-group-item"><a href='#'>link4</a></li>
        <li class="list-group-item"><a href='#'>link5</a></li>
     </ul>
</nav>

<div id='ascensorBuilding'>
        <div class='ascensorFloor1'  >
            test here
        </div>
        <div class='ascensorFloor2'  >
           blog hree oooo
        </div>
        <div class='ascensorFloor3'  >
            aaagg
        </div>
        <div class='ascensorFloor4'  >
            dddd
        </div>
        <div class='ascensorFloor5'  >
            ddd
        </div>
</div>



    <script src="/includes/lib/jquery-1.8.0.min.js"></script>
    <script src="/includes/lib/jquery.ascensor.min.js"></script>
    <script src="/includes/lib/bootstrap/js/bootstrap.min.js"></script>

    <script>
             var ascensor = $('#ascensorBuilding').ascensor({
           AscensorName: 'ascensor',
                   ChildType: 'div',
                   AscensorFloorName: '1.0 | 1.1 | 1.3 | 4.3 | 5.4 | 5.5 | 5.6 | 7.6 | 8.6 |    8.7 | 8.8 | 8.9 | 10.2',
                   Time: 9000,
                   WindowsOn: 1,
                   Direction: "chocolate",
                   AscensorMap: '1|1 & 2|1 & 3|1 & 3|2 & 3|3 & 4|3 & 5|3 & 3|4 & 3|5 & 4|5 & 5|5 & 6|5 & 3|6',
                   Easing: 'easeInOutQuad',
                   KeyNavigation: true,
                   Queued: false,
                   QueuedDirection: "y"
            })

             $(".alinks li").click(function(event, index) {
                ascensor.trigger("scrollToStage", $(this).index());
            });

我的网页似乎没有应用我传递的参数。例如，持续时间永远不会是9000，并且页面只垂直移动。有人能帮我解决这个问题吗？非常感谢!

插件页面。http://jque.re/plugins/image-galleries-decks/ascensor/#/HTML

Answer 1

我认为问题在于您指定的是Easing选项，但不包括支持该选项所需的jQuery UI库。我是从这个所以回答得到这个想法的。

一旦包含了这个库，它似乎就可以工作了：小提琴

如果不包含jQuery UI库，将引发以下错误：

TypeError: jQuery.easing[this.easing] is not a function