将翻转效果添加到fancybox自定义按钮

Question

我已使用以下代码将自己的自定义按钮添加到fancybox：

$('.fancybox').fancybox({
    nextEffect: 'fade',
    prevEffect: 'fade',
    closeBtn: false,
    closeClick: false,
    tpl: {
        next: '<a title="Next" class="linkbutton"><span>&#9658;</span></a>',
        prev: '<a title="Previous" class="linkbutton"><span>&#9658;</span></a>'
    },

    helpers : {
        title: {
            type: 'inside'
        }
    }
});

我的链接按钮＆＃39; class有这个代码绑定到它：

$('.submitbutton, .linkbutton').bind('mouseenter', function() {
    $(this).stop().animate({backgroundColor: 'rgba(90,127,163,1)'},300);
});

网站上的其他任何地方，mouseenter功能都运行正常，但不是我将它添加到fancybox的地方。

如何将相同的翻转事件添加到fancybox自定义按钮（以保持网站连续性/外观）？

此致

Answer 1

这可能是一个简单的css解决方案：

.fancyboxt a.linkbutton {
    background-color: rgba(90,127,163,1);
    -webkit-transition: background-color 300ms linear;
    -moz-transition: background-color 300ms linear;
    -o-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    transition: background-color 300ms linear;
}