语义ui过渡在Chrome浏览器上工作，但不在Firefox上

Question

我正在建立一个网站，使用语义ui，有一个html类，我称之为内容，当我在屏幕上看到它时，我想要微动，至于我用jQuery“inview event plugin”对于和它完美的Chrome，但不是在Firefox中，HTML代码

<div class="column"> 
    <h1><i class="icon circular square yellow inverted">JS</i></h1> 
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, .</p> 
    <div class="ui fade reveal pop" data-content="javascript and jQuery" data-title="JS"> 
    <img src="images/js.png" alt="js" class="ui circular image visible content" /> 
    <img src="images/jsreveal.png" alt="js" class="ui circular image hidden content"> 
    </div> 
</div> 

jQuery代码是：

$('.content').bind('inview', function (event, visible) { 
if (visible == true) { 

$('.pop .content').transition({ 
animation: 'jiggle', 
duration: 1000, 
useFailSafe: true, 
allowRepeats: false, 
queue : false 
     }); 

} }）;

在此先感谢

Answer 1

我能够实现对两种浏览器所需要的抖动动画功能 - Chrome和Firefox与Click事件处理程序。看来，在这里处理处理程序的绑定不正确。 参考http://jsfiddle.net/vaibhav_saxena/30qfv5km/

$('.content').on('click', function() { 
    $('.content').transition({ 
     animation: 'jiggle', 
     duration: 500, 
     useFailSafe: true, 
     allowRepeats: false, 
     queue : false 
    }); 
});