1

私は自分の Web サイトで Foundation フレームワークを使用しており、現在は Sequence スライダーを実装しています。これは問題なく動作しますが、次の Foundation JS ファイルをヘッドでアウトコメントした場合にのみ機能します。

<script src="/plugins/foundation/modernizr.foundation.js" type="text/javascript"></script>
<script src="/plugins/foundation/foundation.min.js" type="text/javascript"></script>
<script src="/plugins/foundation/app.js" type="text/javascript"></script>

ただし、財団の他の機能については、これらのファイルが必要です。他の誰かが以前にこの問題を抱えていて、解決策を見つけましたか? 問題がどこにある可能性があるかについて、誰かにヒントを教えてもらえますか?

firebug で見ると、コンソールに次のように表示されていることがわかりました。

$("#sequence").sequence is not a function
var sequence = $("#sequence").sequence(options).data("sequence");

これは、ドキュメントの準備ができたらコードを開始するために頭に入れている JavaScript の一部です。

$(document).ready(function() {

    $("body").css("display", "none");
    $("body").fadeIn(1000);
    $("a.transition").click(function(event){
        event.preventDefault();
        linkLocation = this.href;
        $("body").fadeOut(500, redirectPage);
    });

    var options = {
        autoPlay: false,
        nextButton: true,
        prevButton: true
    }
    var sequence = $("#sequence").sequence(options).data("sequence");

    $('.details, .info-button') .mouseover(function() {
        $('.title').css("visibility", "hidden");
    }) .mouseout (function() {
        $('.title').css("visibility", "visible");
    });
});
4

1 に答える 1

1

誰も答えなかったので、私は自分で解決策を見つけました。

問題は、ファイルがヘッドで呼び出された順序にあったようです。

それがうまくいかなかった順序は、基礎の前にシーケンスとjqueryを持っていました。

これらを順番に切り替えると、両方のプラグインが正常に動作するようです..

これはそれが働いている順序です：

<script src="/plugins/foundation/modernizr.foundation.js" type="text/javascript"></script>
<script src="/plugins/foundation/foundation.min.js" type="text/javascript"></script>
<script src="/plugins/foundation/app.js" type="text/javascript"></script>       
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<script src="/js/sequence.jquery.js" type="text/javascript"></script>
于 2012-09-26T09:22:32.633 に答える