我的插件在 Opera 中不起作用

Question

我写了一些代码来通过 CSS 和 jQuery 翻转我的图像，但是这个解决方案在 Opera 中不起作用，我尝试了几个小时来修复它，但我没有成功

如果可以的话，请告诉我有什么问题。

CSS

.tiled-gallery-item {
  -webkit-perspective: 800;
  -moz-perspective: 800;
}
.tiled-gallery-item a img.flipped {
  -webkit-transform: rotatex(-360deg);
  transform: rotatex(-360deg);
  -o-transform: rotatex(-360deg);
}
.tiled-gallery-item a img {
  -webkit-transform-style: preserve-3d;
   transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  -webkit-transition: 1s;
  -o-transition-duration: 1s;
  transition: 1s;
}

jQuery

jQuery(function(){
    jQuery('.tiled-gallery-item').hover(function(){
        jQuery(this).find('a img').addClass('flipped')(function(){
            jQuery(this).removeClass('flipped');
            jQuery(this).addClass('flipped');
        });
    });

我很确定，这都是关于 CSS 的，但我尝试了所有方法...... });

Answer 1

jQuery(function( $ ) {  // Fingers saver :) (DOM ready and secured $ alias)

    $('.tiled-gallery-item').hover(function() {
        $(this).find('a img').toggleClass('flipped');
    });

});