页面宽度小于960px时如何使用jquery改变元素的高度
这是我尝试过的：
$(document).ready(function() {
if ( $(window).width() < 960) {
$('menu').animate({height:'60px'});
}
else {
$('menu').animate({height:'40px'});
}
});
但它仅在您刷新页面时有效，并且我希望在页面加载后重新调整页面大小时它可以工作。
【问题讨论】：
标签： jquery jquery-animate height width
$('menu').animate({height:'60px'});
^^^^
here is the error if menu is `id` than should be `#menu` if `class` than `.menu`
菜单标签浏览器支持
【讨论】：
您需要发布 HTML 来确定，但 $('menu') 通常不是一个有效的选择器，它会匹配像 <menu> 这样的元素。更有可能它是一个类或 id - 如果它是一个类，它应该是 $('.menu')，如果它是一个 ID，它应该是 $('#menu')
要在调整页面大小时运行，请将您的代码包装在 resize() 方法中 - http://api.jquery.com/resize/
// resize menu depending on page width
function do_resize(){
if ( $(window).width() < 960) {
$('menu').animate({height:'60px'});
} else {
$('menu').animate({height:'40px'});
}
}
// resize menu on initial page load
$(document).ready(do_resize);
// resize menu when page is resized
$(window).resize(do_resize);
【讨论】：