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) がありますが、大文字の C が必要ですChildType: 'section'。これはすべての設定に当てはまります。

これを修正した後、楽しみが始まります! 指定したさまざまな配列はドキュメントに従っていますが、jsfiddle の ascensor スクリプトは文字列を解析しようとしています。"hello1 | hello2 |..."vs ['hello1', 'hello2'...](AscensorMap の同様の問題)。おそらく、ascensor スクリプト リファレンスが古いバージョンを参照しているか、プラグインが変更され、ドキュメントが更新されていない可能性があります。

于 2013-05-20T00:25:04.793 に答える
0

現在の答えの逆が真になりました。

Assensor の最新バージョン (1.8.0 (2014-02-23)) を使用すると、プロパティ名を小文字で指定する必要があります。

たとえば、 に変更ChildType: 'section'しchildType: 'section'ます。

残念ながら、ネット上のすべての例は古いバージョンを使用しています。

于 2014-02-25T15:01:15.013 に答える