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/