0

クライアントのために単一ページの Web サイトを作成する必要がありますが、Ascensor.js プラグインは必要なことをすべて実行してくれるようです。しかし、私は一生それを機能させることができません。

http://kirkas.ch/ascensor/#/Home

もともと私は WordPress テーマ内で動作させようとしていましたが、あきらめて、ウェブサイトの例とまったく同じように動作させようとしましたが、喜びはありませんでした.

コードは次のとおりです。

<!DOCTYPE html>
<html>
<head>

<script type="text/javascript" src="./js/jquery-1.9.0.min.js"></script>
<script type="text/javascript" src="./js/jquery.ascensor.js"></script>  
<script type="text/javascript" src="./js/jquery.scrollTo-min.js"></script>

</head>

<body>

<script>

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

});

</script>

<div id="ascensorBuilding">
    <section>
        <article class="container_12">
            <h1>Home</h1>
        </article>
    </section>

    <section>
        <article class="container_12">
            <h1>About</h1>
        </article>
    </section>

    <section>
        <article class="container_12">
            <h1>Contact</h1>
        </article>
    </section>
</div>
</body>
</html>

例に正確に従ったので、これは実際に機能するはずです。記事要素のクラスの有無にかかわらず試してみました（プラグインがこれらを作成することになっていると思います）。このプラグインを使用した経験があり、助けてくれる人はいますか?

前もって感謝します！

4

2 に答える 2

1

まず、コードをjQuery.readyでラップする必要があります

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

移行プラグインとイージングプラグインの両方が欠落しています。

デモ：フィドル

于 2013-01-29T15:08:57.553 に答える
1

ここでは、ascensor を使用して行っている簡単な作業を残します。必要なすべてのコードを自由に取得してください。「overflow:auto」をcssの「section」タグに設定し、「overflow:hidden」を建物に使用するdiv（私の場合は#house）に設定することを忘れないでください。

http://www.thegrowth.eu/mari/index.php

私が使用しているプラ​​グインのバージョンは、コードをハックしない限り、現在の jQuery バージョンでは動作しません。バージョン 1.8.3 を使用してください。私のサイトから入手できます。また、ascensor のイージング機能などを使用するには、jQuery-UI だけが必要です。

そして、私の英語を許してください:p

于 2013-05-25T07:36:12.227 に答える