2012-03-20 35 views
12

này hoạt động tuyệt vời:Setting 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); 
}); 

nhưng tôi không chắc chắn làm thế nào để thiết lập min và chiều rộng tối đa, vì vậy min-width để 338px và max-width để 500px.

cảm ơn!

+0

Bạn đã thử thực hiện .css() to max-width và min-width? I.e $ ('. Foo'). Css ('min-width', '338px') – mikaelb

+1

Có thể thiết lập độ rộng tối thiểu và tối đa trong một tệp css và thêm lớp vào phần tử không? –

Trả lời

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

Xây dựng trên @ user1113426, do cách jQuery xử lý tên, bạn có thể cần phải sử dụng vỏ camel thay vì dấu gạch nối.

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

Nhìn sâu hơn, điều này có thể đã được giải quyết trong các bản phát hành gần đây. –

+0

Tôi vẫn thấy rằng tôi phải sử dụng cú pháp này để có được kết quả. – user1172763

Các vấn đề liên quan