獲取div的寬度和高度，忽略“樣式”屬性

Question

我在沒有使用代碼生成的style屬性的情況下獲取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");

工作小提琴

Answer 2

<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
  <script src="Scripts/jquery-1.8.2.js" type="text/javascript"></script>
 <script type="text/javascript">
$(document).ready(function () {
    var curentDivWidth = 500;
    var curentDivHeight = 500;
    var clicked = false;
    $("#ClickMe").click(function () {
        if (!clicked) {
            $("#container").animate({
                width: 1250,
                height: 600
            }, "slow");
            clicked = true; return;
        }
        $("#container").animate({
            width: curentDivWidth,
            height: curentDivHeight
        }, "slow");
        clicked = false;
    });

});
  </script>
<title>example</title>
  </head>
  <body>
   <a href="javascript:void(0)" id="ClickMe" >click me </a>
  <div id="container" style="border:1px solid black" >
   the div 

  </div>
   </body>
   </html>

jsfiddle： http : //jsfiddle.net/seekpunk/JhzAD/

獲取div的寬度和高度，忽略“樣式”屬性

問題描述

2 個解決方案

解決方案1
0 已采納 2014-02-14 09:19:52

解決方案2
0 2014-02-14 09:42:42

獲取div的寬度和高度，忽略“樣式”屬性

問題描述

2 個解決方案

解決方案1 0 已采納 2014-02-14 09:19:52

解決方案2 0 2014-02-14 09:42:42

解決方案1
0 已采納 2014-02-14 09:19:52

解決方案2
0 2014-02-14 09:42:42