1

フリッピー プラグインhttp://blog.guilhemmarty.com/flippy/を使用しています。私はそれを実装し、オペラでは正常に動作しますが、FF ではhttp://dev.barchick.com/barchicks-high-fives/ (画像にカーソルを合わせます) を反転し続けます。

メインコード

<div class="high " style="background-color:#28282A">
            <img src="http://barchick/wp-content/themes/barchick-v3/scripts/timthumb.php?src=http://barchick/wp-content/uploads/2012/11/park2.jpg&w=193&h=282" />
                <div id="highroll" >
                <a href="http://www.google.com" target="_blank"><span class="highbold">1. Camden Town Brewery,</span> NW5</a><br/>
                <a href="http://www.google.com" target="_blank"><span class="highbold">2. Brewdog,</span> NW1</a><br/>
                <a href="http://www.google.com" target="_blank"><span class="highbold">3. The Euston Tap,</span> NW1</a><br/>
                <a href="http://www.google.com" target="_blank"><span class="highbold">4. Duke's Brew & Cue,</span> N1</a><br/>
                <a href="http://www.google.com" target="_blank"><span class="highbold">5. Jagaur Shoes,</span> N2</a>
                </div>
            <h5 id="hightext">Best bars near parks</h5>
        </div>

                <!--    Added by Alex   -->
    <script type="text/javascript">
    $(function(){
        $(".high").bind('mouseenter', function(){
            $(".high").flippy({
                content:$(".high"),
                direction:"TOP",
                duration:"750",
                onFinish:function(){
                    $('#highroll').show();
                    $('#hightext').hide();
                    $(".high").css('backgroundColor', '#28282A');
                }
            });
        })
        $(".high").bind('mouseleave', function(){
            $(".high").flippy({
                content:$(".high"),
                direction:"TOP",
                duration:"750",
                onFinish:function(){
                    $('#highroll').hide();
                    $('#hightext').show();
                    $(".high").css('backgroundColor', '#28282A');
                }
            });
        })
    })
    </script>

何が間違っているのか、それを修正する方法を教えてください。

4

0 に答える 0