jQuery - Thực thi các tập lệnh dựa trên kích thước màn hình

Question

Chỉ có thể chạy một số tập lệnh jQuery nhất định nếu kích thước màn hình/thiết bị có chiều rộng trên xxx pixel không?

Vì vậy, ví dụ: tôi chỉ muốn chạy trình chiếu khi mọi người đang xem trang web trên các thiết bị lớn hơn 1024px. Nếu ai đó truy cập vào điện thoại di động Tôi chỉ muốn tất cả các hình ảnh để hiển thị xếp chồng lên nhau ...

Answer 1

Bạn có thể sử dụng $(window).width()

if($(window).width() >= 1024){ 
    // do your stuff 
} 

Demo --->http://jsfiddle.net/fh2eC/1/

Answer 2

Bạn có thể cũng xem xét một thư viện như https://github.com/paulirish/matchMedia.js/

if (matchMedia('only screen and (max-width: 480px)').matches) { 
    // smartphone/iphone... maybe run some small-screen related dom scripting? 
} 

Answer 3

Nếu bạn muốn kiểm tra kích thước chiều rộng sau khi cửa sổ được thay đổi kích thước thì:

$(window).resize(function() { 
    if($(this).width() > width) { 
     // code 
    } 
}); 

Answer 4

Bạn có thể sử dụng một chức năng sau đó thiết lập một khoảng thời gian cho nó để kiểm tra kích thước mỗi 10 nhà máy ....... đây ....

function change(){ 
document.getElementById("p").innerHTML = window.innerWidth; 
} 

setInterval(change, 10);