javascript - jquery slice script with window width -

मेरे पास एक स्क्रिप्ट JS है:

  फ़ंक्शन थॉट () {var sples = $ ( विंडो) .width (); यदि (स्लेप्स> = 320 और amp; नमूने & lt; = 480) {$ ('। प्रोजेक्ट')। टुकड़ा (0, 9)। सीएसएस ('मार्जिन', '10 पीएक्स'); } और {$ ('। प्रोजेक्ट')। टुकड़ा (3, 6)। सीएसएस ('मार्जिन', '10 पीएक्स'); }} थॉट ();  

जब स्क्रीन आकार बीटीडब्ल्यू 320 और 480 है, तो सभी तत्वों का चयन करें, यदि नीचे से तीनों का चयन न करें काम अच्छा लग रहा है, लेकिन मैं 320px के साथ एक उत्तरदायी स्क्रीन परीक्षण आकार पर कोशिश करता हूँ और इसका चयन नहीं सभी तत्व क्यों नहीं समझते? 320px पर जो काम नहीं करते वहां काम करते हैं

उत्तरदायी परीक्षण साइट जहां 320px के साथ काम नहीं करती:

क्या समस्या है? स्क्रिप्ट के साथ?

यह वास्तव में ठीक काम करता है केवल एक समस्या यह है कि आप अपने कोड को सिर्फ DOM.ready () पर चलाते हैं, लेकिन जब आप रिज़ॉल्यूशन को स्क्रीनफ़्लू पर बदलते हैं तो पृष्ठ पुनः लोड होने का कारण नहीं है, इसलिए DOM.ready () < / कोड> घटना नहीं छोड़ी गई है, लेकिन $ (window) .resize () है तो आप अपने कोड में निम्नलिखित पंक्ति जोड़ सकते हैं

  $ (window) .on ('resize', thoat);  

और यह काम करता है!

बस कुछ मोबाइल डिवाइस पर स्क्रीन का आकार बदलें और आपको परिणाम दिखाई देगा।

UPD यह काम नहीं करता है 320px स्क्रॉलबार के कारण, यह चौड़ाई 17px की तरह है, और .width () विधि रिटर्न विंडो चौड़ाई बिना स्क्रॉल बार witdh, इसलिए, आपके मामले में यह सीमा से बाहर है