プラグイン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>
結果には、同じページ内のすべてのセクションが表示され、ボタンをクリックしても何も起こりません...
同様の効果をもたらすプラグインをご存知ですか?
ヒントやアドバイスをいただければ幸いです。さらに情報が必要な場合はお知らせください。投稿を編集します。