使用jquery设置高度

Question

我正在检查cards-wrapper是否具有list-view类。如果是，那么我将获得mason div的当前高度，当用户点击加载更多按钮时，我将100px添加到当前高度并将其设置为泥瓦匠。

但问题是当我点击.load-more按钮时setListHeight函数没有调用

请说出我做错了什么？

if ($(".cards-wrapper").hasClass("list-view")) {
    $('.load-more').on('click',setListMoreHeight);
}

function setListMoreHeight(){
    alert('called');
    var currentHeight = $('.mason').height() + 100;
    console.log(currentHeight);

    $('.mason').height(currentHeight);
    console.log(currentHeight);

}

Answer 1

您的if语句只会被评估一次。如果它为false，则click事件不会被绑定，if语句永远不会再被评估。

我会做更像这样的事情：

/deep/

现在，click事件总是有效，而不是有条件限制的click事件。如果满足条件，我们只调用该函数。