设置min-width - jQuery

Question

This works great:

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

but I'm not sure how to set min and max width, so min-width to 338px and max-width to 500px.

thanks!

Answer 1

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

Answer 2

Building on @user1113426, due to the way jQuery handles the names, you might need to use camel casing instead of the hyphens.

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