0

我是 jquery 的新手，我有兴趣使用 Flipy 插件来移动图片。我去了网站 http://blog.guilhemmarty.com/flippy/。

在这个例子中我发现了这个

$("#myFlippyBox").flippy({
content:"Hi !",
direction:"TOP",
duration:"750",
onStart:function(){
    alert("Let's flip");
},
onFinish:function(){
    alert("ok, it's flipped :)");
}
});

我想在我的代码中使用它。我制作了一个 id 为 myFlippyBox 的 div，并为其分配了宽度和高度。在js上我写了这段代码

<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js">   </script>
<script type="text/javascript" src="js/jquery.flippy.min.js"></script>
<script>
   $(document).ready(function(){

$("#myFlippyBox").click({
$(this).flippy({
content:"Hi !",
direction:"TOP",
duration:"750",
onStart:function(){
    alert("Let's flip");
},
onFinish:function(){
    alert("ok, it's flipped :)");
} 
});
});

});

</script>
 </head>

 <body>

 <div id="myFlippyBox" height ="200px" width="200px">
    Test message
 </div>

 </body>

 </html>

它给了我错误并且对我不起作用

4

1 回答 1

3

.click()需要一个函数作为参数，你在哪里传递$("#myFlippyBox").click({...});而不是$("#myFlippyBox").click(function(){...});

尝试

$(document).ready(function() {
    $("#myFlippyBox").click(function() {
        $(this).flippy({
            content : "Hi !",
            direction : "TOP",
            duration : "750",
            onStart : function() {
                alert("Let's flip");
            },
            onFinish : function() {
                alert("ok, it's flipped :)");
            }
        });
    });
});
于 2013-03-19T08:04:30.590 回答