0

jquery プラグインの反転効果に問題があります。画像が回転すると、正しく回転しません。理由はわかりませんが、何時間も費やしましたが、解決策がありません。

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="Flip-jQuery/jquery-1.9.1.js"></script>
<script src="Flip-jQuery/jquery-ui-1.7.2.custom.min.js"></script>
<script src="Flip-jQuery/jquery.flip.min.js"></script>
<script src="Flip-jQuery/jquery.flip.js"></script>


<title>Untitled Document</title>

<script type="text/javascript">
$(document).ready(function(){
    $("#box1").on('mouseover',function(){
        $(".flip").flip({
            direction:'lr',
            content:'hello',
            color:'red'
            });
    })
    $('.revert').on('click',function(){
        $('.flip').revertFlip();
        })
});
</script>


#main{                      
    border:1px solid red;
    width:500px;
    height:auto;
    position:absolute;
}
#box1, #box2{
    border:2px solid black;
    width:100px;
    height:100px;
    margin:10px;
    cursor:pointer;
    }
</style>
<div id='main'>

<div id='box1' class='flip'>
box1
</div>

<div id='box2'>
box2
</div>

<a style=" float:right;" href="#" class="revert">Click to revert</a>

</div>

これがコード全体です。私は何も試しませんでした。前もって感謝します。

4

3 に答える 3

0

HTMLヘッダーにflip.jsプラグインを2回含めました。

于 2013-11-07T05:26:11.203 に答える
0

このことを確認してください。問題が何であるかがわかります。基本的に、マウスオーバーイベントを2回トリガーしていますJavaScript/jQuery: イベントが2回発生しました

于 2013-11-07T05:54:35.050 に答える