jquery - jquery临时更改div高度/直到用户点击其他任何地方

Question

我有一个默认css高度的#content div：auto。单击按钮并提交表单后，我将 content-div 的高度更改为 300：

if(msg == 'OK')
{
    result = '<div class="notification_ok">Thank you.</div>';    
    $("#content").height(300);
}

但是当用户在该特定页面上时，它应该只有那个高度，当他点击任何其他链接时，高度应该再次设置为“自动”。我想过添加css类

.heightAuto { height: auto; }
.height300 { height: 300; }

然后说

$("#content").toggleClass(heightAuto height300);

但后来我想我必须为每个链接添加一个 class="heightAuto" 因为我将链接动态加载到我的 content-div 中，以便不必每次都重新加载页面。jquery 或临时设置 css 样式没有更好的方法吗？

Answer 1

你这个项目的目标受众是什么？如果是所有现代浏览器（IE9+），你总是可以使用 CSS 伪选择器:not()：

http://www.w3schools.com/cssref/sel_not.asp

:not(.height300){
    height:auto;
}

这样您就不必.heightAuto在服务器脚本中显式设置类。