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

我正在尝试使用一个名为Ansensor的jquery插件

插件页面是

我有点像

    <nav class='navbar navbar-default' role='navigation '>
    <ul class='alinks list-inline links-to-floor'>
    <li class="list-group-item"><a href='#' class="ascensorLink ascensorLink1">test1</a></li>
       <li class="list-group-item"><a href='#' class="ascensorLink ascensorLink2" >test2</a></li>
       <li class="list-group-item"><a href='#' class="ascensorLink ascensorLink3">test3</a></li>
       <li class="list-group-item"><a href='#' class="ascensorLink ascensorLink4">test4</a></li>
       <li class="list-group-item"><a href='#' class="ascensorLink ascensorLink5">test5</a></li>
    </ul>
    </nav>

    <div id='ascensorBuilding'>
    <div class='ascensorFloor1'  style=''>
                test here
    </div>
    <div class='ascensorFloor2'  style='height:1200px; width:1000px; background-color:red;'>
               blog hree oooo
    </div>
    <div class='ascensorFloor3'  style='height:1200px; width:1000px; background-color:red;'>
    aaagg
    </div>
    <div class='ascensorFloor4'  style='height:1200px; width:1000px; background-color:red;'>
    dddd
    </div>
    <div class='ascensorFloor5'  style='height:1200px; width:1000px; background-color:red;'>
    ddd
    </div>




        <script src="/lib/jquery-1.8.0.min.js"></script>
        <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
        <script src="/lib/jquery.ascensor.js"></script>
        <script src="/lib/bootstrap/js/bootstrap.min.js"></script>

<script>
  $(function() {

  $('#ascensorBuilding').ascensor({
     AscensorName: 'ascensor',
         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"
        })
  });

</script>

在这里测试
博客HREEOOO
阿格
dddd
ddd
$（函数（）{
$（#ascensor Building'）。ascensor({
ascensor名称：“ascensor”，
AscensorFloorName:'1.0 | 1.1 | 1.3 | 4.3 | 5.4 | 5.5 | 5.6 | 7.6 | 8.7 | 8.8 | 8.9 | 10.2'，
时间：9000，
WindowsOn:1，
方向：“巧克力”，
上升地图：“1 | 1和2 | 1和3 | 1和3 | 2和3 | 3和5 | 3和3 | 4和3 | 5和4 | 5和5 | 5和6 | 5和3 | 6”，
放松：'轻松外四'，
KeyNavigation:没错，
排队：错，
队列方向：“y”
})
});

---

我遵循了插件页面的方向，但仍然无法让它工作。有人能帮我一下吗？非常感谢

您正在将每个楼层设置为

ascensorFloorX

。您需要将id设置为这些值。通过查看链接页面的源代码，可以看到一个工作示例

就是这个,

<div class='ascensorFloor1'  style=''>
     ^

^

应该是这个吗

<div id='ascensorFloor1'  style=''>
     ^

^

---

此外，您的

缺少结束标记。

根据文档。您应该首先尝试使用

进行操作，当它工作时，根据您的需要进行更改

HTML链接

<li><a class="ascensorLink ascensorLink1"></a></li>
<li><a class="ascensorLink ascensorLink2"></a></li>

---

控制台中有错误吗？控制台中没有错误…（链接站点中没有插件的文档，单击下载链接表示禁止。？？您确定使用了正确的选项名称吗？大写选项并不常见。单击右下方的小方形我已经做了，但似乎也不起作用。）（+1你能解释更多细节吗？+1

 <div id="ascensorBuilding">
        <section>
            //floor one content here
        </section>

        <section>
            //floor two content here
        </section>

        <section>
            //floor three content here
        </section>
    </div>

$('#ascensorBuilding').ascensor({
    AscensorName:'ascensor',
    ChildType:'section',
    AscensorFloorName:'Home | Implementation ',
    Time:1000,
    WindowsOn:1,
    Direction:'chocolate',
        AscensorMap:'2|1 & 2|2 & 3|2 & 2|3 & 2|4 & 1|4 & 2|5',
        Easing:'easeInOutQuad',
        KeyNavigation:true,
        Queued:false,

});