Question

我正在使用插件ascensor.js而我正在尝试做一个简单的示例，但它不起作用，我无法看到错误。< / p>

JS

$(document).ready(function () {
    $('#ascensorBuilding').ascensor({
        ascensorName: 'ascensor',
        childType: 'section',
        ascensorFloorName: ['hello1', 'hello2', 'hello3', 'hello4'],
        time: 1000,
        windowsOn: 1,
        direction: "chocolate",
        ascensorMap: [
            [1, 0],
            [1, 1],
            [2, 1]
        ],
        easing: 'easeInOutQuad',
        keyNavigation: true,
        queued: false,
        queuedDirection: "y",
        overflow: "hidden"
    });
});

HTML

<button class="ascensor ascensorLink0">hello1</button>
<button class="ascensor ascensorLink1">hello2</button>
<button class="ascensor ascensorLink2">hello3</button>
<button class="ascensor ascensorLink3">hello4</button>

<div id="ascensorBuilding">
    <section>Hello1</section>
    <section>Hello2</section>
    <section>Hello3</section>
    <section>Hello4</section>
</div>

在结果中，我看到同一页面中的所有部分，当我点击按钮时，没有发生任何事情...

你知道任何具有类似效果的插件吗？

任何提示或建议将不胜感激。如果您需要更多信息，请告诉我，我将编辑该帖子。

Answer 1

存在多个问题并且它们并不简单（除非提升脚本的版本已过时）。第一个问题相当简单，并说明了最初的问题 - 一些文档与代码不匹配。特别是，案件不匹配。

例如，您有childType: 'section'（小写c），但需要ChildType: 'section'大写C.所有设置都是如此。

修好后，乐趣开始了！您指定的各种数组遵循文档，但jsfiddle中的提升器脚本正在尝试解析字符串。 "hello1 | hello2 |..."与['hello1', 'hello2'...]（AscensorMap的类似问题）。也许提升者脚本引用引用了过时的版本，或者插件已更改且文档尚未更新。

Answer 2

现在的答案正好相反。

使用最新版本的Ascensor（1.8.0（2014-02-23）），您必须以小写字母指定属性名称。

e.g。将ChildType: 'section'更改为childType: 'section'。

不幸的是，使用旧版本的网络上的示例。

为什么ascensor.js插件不起作用？

2 个答案: