javascript - Use idangerous.swiper.js on Dynamic Content -


मार्कअप:

  & lt; ol & gt; & Lt; li & gt; & Lt; div class = "swiper-container" & gt; & Lt; div class = "swiper-wrapper" & gt; & lt; div वर्ग = "swiper-slide" & gt; & lt; img class = "listitempage" डेटा-यूआरएल = "" src = "" / & gt; & Lt; / div & gt; & Lt; div वर्ग = "पृष्ठांकन" & gt; & lt; / div & gt; & Lt; / div & gt; & Lt; / div & gt; & Lt; / li & gt; & Lt; / ol & gt;   

स्लाइडर के लिए स्क्रिप्ट

  & lt; स्क्रिप्ट & gt; Var mySwiper = नया स्विपर ('। Swiper-container', {पृष्ठ पर अंक लगाना: '। पृष्ठांकन', पृष्ठांकन क्लिक करने योग्य: सही, मोड: 'ऊर्ध्वाधर'});   

चित्र गतिशील रूप से एक के बाद एक लोड किए जाते हैं। मैं उस छवियों को स्वाइप करना चाहता हूं लेकिन ऐसा करने में असमर्थ कृपया मदद करें।

सबसे पहले, सुनिश्चित करें कि संबंधित प्लग इन फ़ाइलें (.js और .css दोनों) ) को सही तरीके से इस तरह से बुलाया जा रहा है (से लिया गया):

  & lt; head & gt; & Lt;! - यहां अन्य सामान - & gt; & lt; link rel = "स्टाइलशीट" href = "path_to_css / idangerous.swiper.css" & gt; & Lt; स्क्रिप्ट defer src = "path_to_js / idangerous.swiper-2.x.min.js" & gt; & lt; / स्क्रिप्ट & gt; & lt;! - यहां अन्य सामान - & gt; & Lt; / head & gt;   

यदि यह ठीक है और आपका कोड वास्तव में है जो आपने पोस्ट किया है, तो शायद आप इसे काम नहीं कर सकते क्योंकि आपने वास्तव में स्वाइप करने के लिए कोई सामग्री नहीं जोड़ा है।

मैंने इसे बाहर की कोशिश की है और यह एक iPhone 4 एस और एक सैमसंग गैलेक्सी एस 3 (क्रोम का उपयोग कर दोनों) पर मेरे लिए पूरी तरह से काम कर रहा है, इसे यहां देखें:

Comments

Popular posts from this blog

jsp - No mapping found for HTTP request with URI with annotation config Spring MVC and Jetty -

c# - Split String between 2 substrings without removing delimiters -

asp.net - Procedure or function "Procedure name" expects a parameter "Param name" which was not supplied occurs rarely -