设置min-width - jQuery

3zz*_*zzy 14 jquery resize

这非常有效:

$(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);
});
Run Code Online (Sandbox Code Playgroud)

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

谢谢!

Eng*_*eer 23

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


Bab*_*fas 7

在@ user1113426的基础上,由于jQuery处理名称的方式,你可能需要使用驼峰套管而不是连字符.

 $(".result-preview").css({
     minWidth: "338px", 
     maxWidth: "500px"
 });
Run Code Online (Sandbox Code Playgroud)