2012-03-20 79 views
12

这个伟大的工程:设置最小宽度 - jQuery的

$(document).ready(function() { 
    var previewwidth = ($(window).width() - ($('.aside').width() + $('.results').width() + 110)) ; 
    $(".result-preview").width(previewwidth); 
    $("footer").text(previewwidth); 

}); 


$(window).resize(function() { 
    var previewwidth = ($(window).width() - ($('.aside').width() + $('.results').width() + 110)) ; 
    $(".result-preview").width(previewwidth); 
    $("footer").text(previewwidth); 
}); 

,但我不知道如何设置最小和最大宽度,所以最小宽度338px和最大宽度500像素。

谢谢!

+0

您是否尝试过使用.css()来设置最大宽度和最小宽度? I.e $('。foo')。css('min-width','338px') – mikaelb 2012-03-20 17:00:20

+1

是否可以在css文件中设置最小和最大宽度并将该类添加到元素中? – 2012-03-20 17:00:24

回答

18
$(".result-preview").css({ 
    "min-width": "338px", 
    "max-width": "500px" 
}); 
6

大厦@ user1113426,由于jQuery的方式处理的名字,你可能需要使用骆驼外壳,而不是连字符。

$(".result-preview").css({ 
    minWidth: "338px", 
    maxWidth: "500px" 
}); 
+0

展望更深,这可能已在最近的版本中得到解决。 – 2012-03-20 17:07:41

+0

我仍然发现我必须使用这种语法来获得结果。 – user1172763 2015-08-24 18:09:07