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 library，这是支持该选项所必需的。我从这个SO answer得到了这个想法。

一旦包含该库，它似乎有效：jsfiddle

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

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

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

1 个答案: