2015-10-04 5 views
5

जब मैं अपने ब्राउज़र का आकार बदलता हूं, तो अधिकांश टाइल्स ऑफस्क्रीन जाते हैं, और यहां तक ​​कि कोई क्षैतिज स्क्रॉल बार भी नहीं है। क्या मुझे पता है कि हम ग्रिडस्टर को उत्तरदायी कैसे बना सकते हैं।मेरा ग्रिडस्टर उत्तरदायी कैसे बना सकता है

धन्यवाद, बालाजी।

उत्तर

2

ऐसा लगता है कि किसी ने उत्तरदायी gridster.js बनाया हो सकता है! मैंने इसे अभी तक चेक नहीं किया है, लेकिन यह आशाजनक हो सकता है ... http://troolee.github.io/gridstack.js/

+0

केवल एक लिंक पोस्ट करना कोई जवाब नहीं है। –

+0

हाय Gwi7d31, आपके उत्तरों के लिए धन्यवाद, मैं आपको जांचूंगा और आपको बता दूंगा :) – balaji

+1

@DisplayName यह एक उत्तर है, क्योंकि यह ग्रिडस्टर का एक महान उत्तरदायी बंदरगाह प्रदान करता है जो एक कॉलम लेआउट में गिर सकता है। मेरे द्वारा +1, इसने मुझे बहुत समय बचाया! –

6

उत्तरदायी ग्रिड चौड़ाई the dsmorse fork of Gridster में उपलब्ध है, जो मैं मुख्य रेपो पर अनुशंसा करता हूं क्योंकि मुख्य रेपो एक वर्ष से अधिक समय तक निष्क्रिय रहा है।

dsmorse कांटा पर responsive grid width demo है।

+0

हाय एमेकी आपके उत्तर के लिए धन्यवाद, मैं आपको यह बताने की कोशिश करूंगा :) – balaji

+0

इस दृष्टिकोण के लिए +1 :), मेरे मामले में Im क्षैतिज स्क्रीन बार नहीं होना चाहिए, इसलिए जब खिड़की का आकार बदलता है, तो ग्रिडस्टर को पता लगाना चाहिए और टाइल्स को समायोजित करना चाहिए, उदाहरण के लिए कहें, max_cols 5 होगा, जब एक विंडो आकार बदलता है जिसे $ ($ विंडो का उपयोग करके पता लगाया जा सकता है) .on ('resize', onresizefunction), वहां मैं अधिकतम-कोल्स को 3 तक कम करना चाहता हूं, लेकिन मुझे यकीन नहीं है कि अधिकतम-कोड्स को 3 तक बनाने के बाद पूरे गर्ड को रीफ्रेश कैसे करें, अग्रिम धन्यवाद – balaji

+0

दुर्भाग्य से मैं नहीं करता इसका अच्छा समाधान है। कॉलम की एक निश्चित संख्या बनाए रखने और स्क्रीन को भरने के लिए कॉलम की चौड़ाई को अलग करके काम करने वाले उत्तरदायी डेमो। मैंने ग्रिडस्टर का एक संशोधन नहीं देखा है जो स्तंभों की संख्या को बदलकर उत्तरदायी है। ऐसा लगता है कि यह करने योग्य होना चाहिए, लेकिन मुझे ऐसा कोई मौजूदा कोड नहीं पता है जो यह करता है। – emackey

संबंधित मुद्दे