語義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 
    }); 
});