Question

在此开发网站http://dev.doubleaevents.com/上工作，并停留在靠近底部的团队部分。

当您单击其中一个沙箱图像时，有关团队成员的更多信息将在下面展开，重新排列其他沙箱图像。单击关闭时，原始沙箱图像将被截断。

我不熟悉JS，但我认为JS需要编辑？我一直在查看此文件，但无法弄清楚我需要编辑哪些内容才能解决问题：http://dev.doubleaevents.com/wp-content/plugins/portfolio-gallery/assets/js/view-toggle-up-down.js

Answer 1

您的问题出在以下代码段中：

if (jQuery(this).parents('.portelement').hasClass("large")) {
        jQuery(this).parents('.portelement').animate({
            height: _this.defaultBlockHeight + 20 + 2*param_obj.portfolio_gallery_ht_view0_element_border_width+param_obj.portfolio_gallery_ht_view0_title_font_size
        }, 300, function () {
            jQuery(this).removeClass('large');
            portfolioGalleryIsotope(_this.container,'reLayout');
        });
        _this.element.removeClass("active");
        return false;
    }

而不是将高度设置为240px，而是将其设置为197.我认为这部分是由于您在函数中使用图像的宽度，即297.

您可以通过更改此行来手动设置高度

height: _this.defaultBlockHeight + 20 + 2*param_obj.portfolio_gallery_ht_view0_element_border_width+param_obj.portfolio_gallery_ht_view0_title_font_size

到这个

height: 240

或者您可以重写您的函数以使用正确的参数。

单击以展开作品，但单击以关闭缩小缩略图

1 个答案: