使用jQuery或JavaScript在屏幕尺寸達到一定大小時刪除Div標籤？

您好我想知道使用jQuery或JavaScript我可以刪除某個div標籤，以便它在屏幕達到一定尺寸時完全不顯示，例如500px。使用jQuery或JavaScript在屏幕尺寸達到一定大小時刪除Div標籤？

2013-01-15 Cmasterd

當然可以，但你必須發佈您的代碼，以及如果你想從別人的幫助;） –

我會盡我所能回答你的答案，謝謝你很快回到我身邊。對不起，我沒有發佈任何我正在尋找的代碼，所以我應該指出一個起點。 – Cmasterd

你可以寫這樣的事情在jQuery的

$(document).ready(function(){ 
    $(window).resize(function(){ 
     if($(window).width()==500) 
     $('div').hide(); 
     else 
     $('div').show(); 
    }); 
    });

來源

2013-01-15 12:14:30 Bernhard

您應該使用matchMedia的Javascript API，它具有跨瀏覽器的一個非常很好的支持時下。

例如：

var width = window.matchMedia('screen and (width: 500px)');

matchMedia會返回一個MediaQueryList對象，除其他外包含matches布爾值，表示如果媒體查詢目前匹配或不通過。

的偉大件事那些MediaQueryList對象是，他們提供的方法來添加和刪除聽衆，這種狀態改變時。

例如：

width.addListener(function(mql) { 
    if(mql.matches) { 
     // yes, the device screen width is now 500 pixels 
    } else { 
     // no, the width is below 500 pixels 
    } 
});

來源

2013-01-15 12:14:57 jAndy

但是，這並不是完整的跨瀏覽器支持。 – Bernhard

@伯恩哈德：其基本上受所有當前瀏覽器支持。 – jAndy

好的。以及所有當前的瀏覽器 – Bernhard

可以使用CSS media queries做到這一點：

@media screen and (min-width: 500px) { 

    div.whatever { display: none; } 

}

來源

2013-01-15 12:15:06

我已經嘗試過，我只是想嘗試一個JavaScript或jQuery解決方案的變化。感謝tho回到我這麼快！ – Cmasterd

使用jQuery或JavaScript在屏幕尺寸達到一定大小時刪除Div標籤？

回答

相關問題