Question

我正在使用语义ui构建一个网站，有一个html类我称之为内容，当我在屏幕上看到它时，我想要摇晃我使用jQuery＆＃34; inview event plugin＆＃ 34; for和它在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都带有点击事件处理程序。看来inview处理程序的绑定在这里是不正确的。请参阅http://jsfiddle.net/vaibhav_saxena/30qfv5km/

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

语义ui转换适用于chrome但不适用于firefox

1 个答案: