设置最小宽度 - jQuery答案

【问题标题】：Setting min-width - jQuery设置最小宽度 - jQuery
【发布时间】：2012-04-05 04:34:01
【问题描述】：

这很好用：

$(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);
});

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

谢谢！

【问题讨论】：

您是否尝试过将 .css() 设置为最大宽度和最小宽度？即 $('.foo').css('min-width', '338px')
是否可以在css文件中设置最小和最大宽度并将类添加到元素中？

标签： jquery resize

【解决方案1】：

基于@user1113426，由于 jQuery 处理名称的方式，您可能需要使用驼峰式大小写而不是连字符。

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

【讨论】：

深入研究，这可能已在最近的版本中得到解决。
我还是发现必须用这个语法才能得到结果。

【解决方案2】：

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

【讨论】：