0

我正在使用插件ascensor.js并且正在尝试做一个简单的示例，但是它不起作用，并且我看不到错误。

代码在以下小提琴中：http: //jsfiddle.net/C2vLH/2/

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>

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

你知道有什么插件有类似的效果吗？

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

4

2 回答 2

3

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

例如，您有childType: 'section'(小写 c) 但您需要ChildType: 'section'大写 C。这适用于所有设置。

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

于 2013-05-20T00:25:04.793 回答
0

当前答案的反面现在是正确的。

使用最新版本的 Ascensor (1.8.0 (2014-02-23))，您必须以小写形式指定属性名称。

例如更改ChildType: 'section'为childType: 'section'.

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

于 2014-02-25T15:01:15.013 回答