jQuery CSS無法動態應用

Question

我的疊加層div的ID和類別如下所示，

<div id="findBudget" class="openedlist bottom-side open" style="height: auto; width: 1080px; top: 80px;">

它完美地顯示了打開時的覆蓋。

瀏覽器從下一頁單擊返回此div頁后，在頁面加載期間，id的樣式'findBudget'需要像下面這樣動態更改，

 style="height: auto; width: ''; top: 80px;"

我嘗試在瀏覽器返回功能中使用以下jquery腳本。

 if ($('#findBudget').hasClass('open')) {
    $('#findBudget').css('width','');
  }

但是它仍然像這樣顯示（舊），

  <div id="findBudget" class="openedlist bottom-side open" style="height: auto; width: 1080px; top: 80px;">

在打開咖啡機之前，請告訴我我在哪里做錯了。 謝謝

Answer 1

我假設您要刪除寬度指令。

如果僅此而已，則可以將其設置為零px，以確保其將為零。

if ($('#findBudget').hasClass('open')) {
$('#findBudget').css('width','0px');
}

如果您希望它消失，只需使用

if ($('#findBudget').hasClass('open')) {
$('#findBudget').hide();
}

Answer 2

從技術上講，您答案中的代碼可以正常工作。 我猜測（1）它不能滿足您的要求或（2）它不能工作，因為您沒有將代碼粘貼到答案中（事件沒有連接或類似性質的東西）。說，如果您只是想隱藏元素，則可以調用：

$('#findBudget').css('display','none');

參見小提琴： http ： //jsfiddle.net/fd379/1/

---

編輯 ：另一個注意事項-如果您希望div的大小與文本大小完全相同，則可以使用float: left 。 您可以在下面的小提琴更新中看到它的工作原理： http : //jsfiddle.net/fd379/2/