2012-03-20 26 views
12

Esto funciona muy bien:Ajuste min-width - 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); 
}); 

pero no estoy seguro de cómo configurar min y ancho máximo, por lo min-width a 338px y ancho máximo de 500 píxeles.

gracias!

+0

¿Has probado hacer .css() para ancho máximo y mínimo ancho? Es decir $ ('. Foo'). Css ('min-width', '338px') – mikaelb

+1

¿Es posible establecer los anchos mínimo y máximo en un archivo css y agregar la clase al elemento? –

Respuesta

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

Sobre la base @ user1113426, debido a la forma jQuery maneja los nombres, puede que tenga que utilizar carcasa camello en lugar de los guiones.

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

Mirando más profundo, esto puede haberse resuelto en lanzamientos recientes. –

+0

Todavía encuentro que tengo que usar esta sintaxis para obtener resultados. – user1172763