0

ここにポートフォリオセクションがあります... 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);
4

1 に答える 1

0

流砂フィルターがアクティブな場合、の新しい高さをfilterable-grid ul設定し、スーパーボックスが表示されないように非表示にする設定もoverflow:hidden行います。適切に呼び出されている場合は、オーバーフローで非表示になります。スクリプトulを変更する必要がある場合があります。quicksand別の回避策を見つけてください。

于 2013-03-25T18:07:27.027 に答える