Jquery flippy在firefox中不断翻转mouseenter

时间:2012-11-14 18:15:13

标签: jquery mouseevent flippy

我使用了flippy插件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>

你能告诉我有什么问题以及如何解决这个问题吗?

0 个答案:

没有答案