我在实现一个应该“简单”的插件时遇到了问题。该插件位于以下地址: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 库源，并且我确保对插件的引用是正确的。
查看作者页面的源代码，您会发现他也在链接标签上“绑定(bind)”了点击功能，从他的插件中调用.flip方法，“tb”意味着“向左翻转”。
最佳答案
将 .bind() 包装在 $(function() {}); 包装器中。这模拟 $(document).ready() ，这意味着“一旦加载 DOM，并且在加载页面内容之前，其中的所有内容都会加载。”
$(function() {
$("a").bind("click",function(){
$("#flipo").flip({
direction: "tb"
})
return false;
});
});
关于jquery - jQuery 插件实现问题，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/15743206/