विंडो आकार का पता लगाने के लिए और फिर jquery स्विच स्टेटमेंट

Question

के साथ कुछ करें, मैं jquery के साथ विंडो आकार की जांच करना चाहता हूं और विभिन्न संकल्पों के आधार पर पृष्ठभूमि छवि को बदलना चाहता हूं। तो मैं किसी भी तरह से अधिक मामलों के लिए "स्विच" कथन का उपयोग करने के बारे में सोच रहा था, लेकिन मुझे नहीं पता कि यह कैसा दिखता है। यह मूल संरचना है जो मैं चाहता हूं लेकिन अधिक विकल्पों के साथ:

if ((screen.width>=1024) && (screen.height>=768)) { 
//do something 
} 
else { 
//do something else 
} 

आपकी सहायता के लिए धन्यवाद।

Answer 1

switch बयान आप की तरह सामान करना नहीं दूँगी: स्विच बयान करता है, तो ... किसी और अंकन के लिए सिर्फ एक वैकल्पिक तरीका है कि इस मामले में मैं और अधिक उपयोगी है क्योंकि आप ऐसा करने के लिए कई तुलना है लगता है कुछ मानों के बीच संख्याओं की जांच करना, और यह आपको कई चरों पर जांचने नहीं देगा, या तो ...

तो इस विशेष परिदृश्य के लिए, मुझे लगता है कि सबसे अच्छा फिट वास्तव में केवल if-elseif कथनों की एक सूची है, जैसे आप ' करने के लिए अपने रास्ते पर पहले से ही।

switch में "सीमा चेकों" ऐसा करने के लिए वास्तव में अत्यधिक शब्द है:

switch(windowWidth) { 
    case 1: 
    case 2: 
    case 3: 
    case 4: 
    case 5: 
     //Do something if value is less than or equal to 5 
     break; 
    case 6: 
    case 7: 
    case 8: 
    case 9: 
    case 10: 
     //Do something if value is higher than 5 AND less than or equal to 10 
     break; 
    ... 
    ... 
} 

Answer 2

आप उपयोग करना चाहिए:

$(window).width(); // returns width of browser viewport 
$(document).width(); // returns width of HTML document 

$(window).height(); // returns heightof browser viewport 
$(document).height(); // returns height of HTML document 

और फिर आप कर सकता है:

var width = $(window).width(); 
var height = $(window).height(); 

if ((width >= 1024 ) && (height>=768)) { 
//do something 
} 
else { 
//do something else 
} 

संपादित करें - मुझे नहीं लगता कि एक स्विच बयान का इस्तेमाल इस मामले में उपयोगी है।

if ((width >= 1280) && (height>=1024)) { 
//do something 
} 
else if ((width >= 1024 ) && (height>=768)){ 
//do something else 
} else if ((width >= 800) && (height>=600)){ 
//do something else 
}else{ 
//do something else 
}