首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Superbox JS & Quicksand问题

Superbox JS & Quicksand问题
EN

Stack Overflow用户
提问于 2013-03-26 02:03:51
回答 1查看 285关注 0票数 0

我在这里有一个档案组...http://bvh.delineamultimedia.com/?page_id=2和Superbox - (http://toddmotto.com/introducing-superbox-the-reimagined-lightbox-gallery/)正在工作,但在我点击流沙“过滤器”链接后,superbox似乎被禁用了。有没有办法解决这个问题。这是JavaScript。我有点困惑为什么会发生这样的事情。我猜流沙有点贪婪,但我不确定。

在进阶时谢谢!

代码语言: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);
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-03-26 02:07:27

当流沙过滤器处于活动状态时,它会为filterable-grid ul设置新的高度,并设置隐藏superbox的overflow:hidden。被正确调用,它只是隐藏在ul的溢出中。可能需要修改quicksand脚本或寻找其他解决方法。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/15621667

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档