0

私はjqueryが初めてで、フリッピープラグインを使用して画像を移動することに興味があります。私はウェブサイト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 :)");
}
});

これを自分のコードで使用したいと思います。myFlippyBox の id で 1 つの 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 に答える