javascript - jquery css 不动态应用

Question

我有一个覆盖 div，如下所示，带有 id 和 class，

<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

从技术上讲，您答案中的代码工作正常。我猜要么 (1) 它没有做你想做的事，要么 (2) 它因为你没有粘贴到你的答案中的代码而不起作用(事件没有连接或那种性质的东西)。那说，如果你只是想隐藏你可以调用的元素:

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

参见 fiddle : http://jsfiddle.net/fd379/1/

---

编辑:再注意一点 - 如果您希望 div 的大小与文本的大小完全相同，您可以使用 float: left。您可以在 fiddle 的以下更新中看到此功能:http://jsfiddle.net/fd379/2/