2

「シンプル」であるはずのプラグインの実装に問題がありました。プラグインは次のアドレスにあります: http://lab.smashup.it/flip/

簡単な短いコードでテストしてみて、プラグインが表示されているページのコードをチェックして、正しく実行されていることを確認しましたが、明らかに何も起こらず、エラーのフィードバックが得られないのでわかりませんどの方向に向かうか。

私がテストして実行したコードは次のとおりです。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Test#0935</title>

        <script src="http://www.google.com/jsapi"></script>
        <script type="text/javascript">
            // Load jQuery 
            google.load("jquery", "1"); 
        </script>
        <script src="JS/jquery-ui-1.7.2.custom.min.js"></script>
        <script src="JS/jquery.flip.min.js"></script>

        <script type="text/javascript">

            $("a").bind("click",function(){
                $("#flipo").flip({
                    direction: "tb"
                })
                return false;
            });

        </script>

        <style type="text/css">

            #flipo {
                width:100px;
                height:70px;
                background-color:lightblue;
                margin:20px;
            }

        </style>

    </head>

    <body>

        <div id="flipo"></div>
        <a href="#" id="left">left</a>

    </body>
</html>

プラグイン作成者と同じ jQuery ライブラリのソースを「インポート」し、プラグインへの参照が正しいことを確認しました。

著者ページのソース コードを見ると、彼もリンク タグにクリック関数を「バインド」し、プラグインから .flip メソッドを呼び出し、「tb」は「左にフリップ」を意味することがわかります。

4

1 に答える 1

1

ラップ.bind()で$(function() {});包みます。これは をシミュレート$(document).ready()します。つまり、「DOM が読み込まれるとすぐに、ページのコンテンツが読み込まれる前に、その中のすべてが読み込まれます。」

$(function() {
    $("a").bind("click",function(){
        $("#flipo").flip({
            direction: "tb"
        })
        return false;
    });
});
于 2013-04-01T12:13:33.020 に答える