javascript - 忽略 "style"属性获取 div 的宽度和高度

Question

我在获取 div 的原始宽度和高度时遇到问题，没有使用代码生成的样式属性。

我是这样解决的

    var currentWidth = $("#container").width();
    var currentHeight = $("#container").height();

    $("#container").removeAttr("style");


    var containerWidth = $("#container").width();
    var containerHeight = $("#container").height();

    $("#container").css("width", currentWidth, "height", currentHeight);


    $("#container").animate({
        width: containerWidth,
        height: containerHeight
    }, "slow"); 

这是非常糟糕的编码，它不会对高度进行动画处理。我想有一种更简单的方法可以解决这个问题。例如，$("#container").width(ignoring style attr);

编辑，更好的解释:

在我的 css 文件中，容器的原始大小是 500x500。但是，当您单击一个链接时，它会变为 800x800(添加属性样式)，现在当您单击返回时，我希望它变回 500x500，但我希望代码找出原始大小以便于更改。

改变#container的代码:

    $("#container").animate({
        width: 1250,
        height: 600
    }, "slow");

提前致谢!

Answer 1

更新:

将原始宽度和高度保持为 min-width 和 min-height 即在您的情况下:

min-width: 500px;
min-height: 500px;

然后使用 jQuery 执行此操作:

$("#container").animate({
    width: "",
    height: ""
}, "slow"); 

Working Fiddle