Superbox JS&流沙组合问题

时间:2013-03-25 18:03:51

标签: javascript jquery quicksand

我在这里有一个投资组合部分...... http://bvh.delineamultimedia.com/?page_id=2和Superbox - (http://toddmotto.com/introducing-superbox-the-reimagined-lightbox-gallery/)正在运行但是在点击流沙“过滤器”链接后,超级盒似乎被禁用了。有没有办法来解决这个问题。这是JavaScript。我有点困惑为什么会发生这种情况。我猜测流沙有点贪心,但我不确定。

先谢谢了!

;(function($) {

$.fn.SuperBox = function(options) {

    var superbox      = $('<div class="superbox-show"></div>');
    var superboximg   = $('<img src="" class="superbox-current-img">');
    var superboxclose = $('<div class="superbox-close"></div>');

    superbox.append(superboximg).append(superboxclose);

    return this.each(function() {

        //$('.superbox-list').click(function() {
        $('.superbox').on('click', '.superbox-list', function() {

            var currentimg = $(this).find('.superbox-img');
            var imgData = currentimg.data('img');
            superboximg.attr('src', imgData);

            if($('.superbox-current-img').css('opacity') == 0) {
                $('.superbox-current-img').animate({opacity: 1});
            }

            if ($(this).next().hasClass('superbox-show')) {
                superbox.toggle();
            } else {
                superbox.insertAfter(this).css('display', 'block');
            }

            $('html, body').animate({
                scrollTop:superbox.position().top - currentimg.width()
            }, 'medium');

        });

        $('.superbox').on('click', '.superbox-close', function() {
            $('.superbox-current-img').animate({opacity: 0}, 200, function() {
                $('.superbox-show').slideUp();
            });
        });

    });
};
})(jQuery);

1 个答案:

答案 0 :(得分:0)

当流沙过滤器处于活动状态时,它会为filterable-grid ul设置一个新的高度,并设置隐藏超级卡的overflow:hidden ...正在被调用,它只是隐藏在ul的溢出中..可能需要修改quicksand脚本或找到另一种解决方法..