jQuery的插件实现问题_Jquery_Plugins

jQuery的插件实现问题

jquery plugins

jQuery的插件实现问题,jquery,plugins,Jquery,Plugins,我在实现一个应该是“简单”的插件时遇到了问题。插件位于以下地址：我试着用一个简单的短代码来测试它，并检查了显示插件的页面上的代码，以确保我做得正确，但显然什么都没有发生，我也没有收到任何错误反馈，所以我不知道该朝哪个方向走下面是我测试时使用的代码： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Test#0935<

我在实现一个应该是“简单”的插件时遇到了问题。插件位于以下地址：

我试着用一个简单的短代码来测试它，并检查了显示插件的页面上的代码，以确保我做得正确，但显然什么都没有发生，我也没有收到任何错误反馈，所以我不知道该朝哪个方向走

下面是我测试时使用的代码：

<!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>


测试#0935
//加载jQuery
load（“jquery”，“1”）；
$（“a”）.bind（“单击”，函数（）{
$（“#flipo”）.flip({
方向：“结核病”
})
返回false；
});
#弗利波{
宽度：100px；
高度：70像素；
背景颜色：浅蓝色；
利润率：20px；
}

我为jQuery库“导入”了与插件作者相同的源代码，并确保对插件的引用是正确的

查看作者页面的源代码，您可以看到他也“绑定”链接标签上的单击函数，从插件调用.flip方法，“tb”表示“向左翻转”。

将

.bind（）

包装在

$（function（）{}）中包装器。这是模拟的，这意味着“一旦加载DOM，在加载页面内容之前，它内部的所有内容都将加载。”
哎呀，我没想到那个。对不起，谢谢！我现在就去试一试。是的，我的箱子翻了！方向错误，但仍然有效=）我为我愚蠢的错误感到抱歉，因为我匆忙编写了代码进行测试，当然忘记了最重要的一点，我甚至没有编写JS document ready命令。。我最近匆匆上了一堂JS课程，刚开始学习jQ，我必须承认我仍然在把很多东西混在一起，忘记了重要的东西，加上我必须很快交上一个完整的网站，所以压力会增加错误。再次感谢！！=）@我不会说这是一个愚蠢的错误，这是一个普通的错误。很高兴它起作用了。如果我完整地回答了你的问题，请将其标记为“已回答”。祝你好运我是否可以快速询问一些关于bind方法的澄清，因为我的印象是jQuery语法“自动完成了”，将一个操作绑定到一个特定的选择器，或者仅仅是这个插件编写的方式需要它？我倍感好奇，因为我以前从未遇到过这个命令。对我来说，JS需要更多的手动绑定（我已经点击了accept answer，但在点击它之前我还需要等待一段时间。）Eeek，bind（）
！最近应该在（）上使用.on。谢谢！我会记下来的。我对很多事情还是新手（x）
$(function() {
    $("a").bind("click",function(){
        $("#flipo").flip({
            direction: "tb"
        })
        return false;
    });
});