javascript - 内联样式高度不更新

Question

真的不确定我在这里遗漏了什么，但是内联样式的高度不会更新。

代码如下:

var rightSideHeight;
    var optionsHeight;

    $(".quickViewContent .selectboxit-container").live("click", function() {
        rightSideHeight = $(".quickViewPopup .product-details-page .overview").height();
        optionsHeight = $(this).find(".selectboxit-options").height();
        var newHeight = rightSideHeight + optionsHeight;

        $(".quickViewPopup.active .quickViewContent").css("height", newHeight + "px");
    });

    $("#product_childattribute_size_@(Model.Id)").bind({
        "close": function (ev, obj) {
            console.log("rightSideHeight = " + rightSideHeight);
            $(".quickViewContent").css("height", rightSideHeight + "px");
            // Tried
            //$(".quickViewContent").removeAttr("style").css("height", rightSideHeight + "px");
            //Tried
            //$(".quickViewContent").get(0).style.setProperty('height', rightSideHeight + 'px');
        }
    });

因此，当单击按钮时，我会调整弹出高度，效果很好 <div class="quickViewContent product-details-page" style="height: 653px;">

在我想恢复样式的绑定(bind)处理程序中，我可以确认绑定(bind)有效，因为它正在记录原始高度。但是内联样式就是不会更新，我认为这很奇怪，因为它看起来很简单。

控制台输出 rightSideHeight = 365所以我期待<div class="quickViewContent product-details-page" style="height: 365px;">

也没有控制台错误。

为什么不更新了？谢谢

Answer 1

你能不能用下面的代码替换你的最后一行代码，看看它是否有效>

$(".quickViewContent").css("高度", rightSideHeight + "px");