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 回答