jQuery 的插件实现问题答案

【问题标题】：Plugin implementation issue with jQueryjQuery 的插件实现问题
【发布时间】：2013-04-01 12:08:20
【问题描述】：

我在实现一个本应“简单”的插件时遇到了问题。插件在这个地址：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”表示“向左翻转”。

【问题讨论】：

哎呀，bind()！这些天应该使用.on()。
谢谢！我会记下来的。我对很多事情还是陌生的 x)

标签： jquery plugins

【解决方案1】：

将.bind() 包装在$(function() {}); 包装器中。这模拟了$(document).ready()，这意味着“它里面的所有东西都将在加载 DOM 并且在加载页面内容之前加载。”

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

【讨论】：

ach，没想到那个。我的错，谢谢！我现在就试一试。
是的，我的盒子翻了！错误的方向，但它仍然有效 =) 我为我的愚蠢错误感到抱歉，因为我匆匆忙忙地测试了代码，当然忘记了最重要的，我什至没有编写 JS 文档准备命令。我有一个最近JS的课程很匆忙，刚开始接触jQ，我必须承认我仍然把很多东西混在一起，忘记了重要的东西，而且我必须尽快提交一个完整的网站，所以压力增加了错误。再次感谢！！ =)
@KizerYakuza 我不会说这是一个愚蠢的错误，这是一个常见的错误。很高兴它奏效了。如果我完全回答了您的问题，请将其标记为“已回答”。祝你好运！
我能否快速询问有关绑定方法的一些说明，因为我的印象是 jQuery 语法“自动完成”，将操作绑定到特定选择器，或者它只是这个插件的方式是写需要的吗？我非常好奇，因为我以前没有遇到过这个命令。对我来说，需要更多手动绑定的是 JS。
（我已经点击了接受答案，但我仍然需要等待一段时间才能点击它=））