jquery css没有动态应用

时间:2014-06-17 13:15:50

标签: javascript jquery html css

我有一个覆盖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;">

在开机咖啡机之前,请告诉我我在哪里做错了。 感谢

2 个答案:

答案 0 :(得分:0)

我假设您要删除宽度指令。

如果全部,则可以设置零px以确保它将为零。

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

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

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

答案 1 :(得分:0)

从技术上讲,你的答案中的代码就可以了。我猜测(1)它没有做你想要的或(2)它不起作用,因为你没有粘贴到你的答案的代码(事件没有连线或那种性质的东西)。那说,如果你只是试图隐藏你可以调用的元素:

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

请参阅小提琴: http://jsfiddle.net/fd379/1/


编辑:还有一个注意事项 - 如果您希望div的大小与您可以使用float: left的文本完全相同。您可以在以下对小提琴的更新中看到这一点:http://jsfiddle.net/fd379/2/