Button toggle-topbar not working in Foundation -
क्यों मेनू बटन काम नहीं करता?
वह क्लिक पर प्रतिक्रिया नहीं करता।
ब्राउज़र कंसोल में जेएस त्रुटियां नहीं है।
मेरा कोड:
& Lt; nav class = "top-bar" डेटा-टॉपबार = "" & gt; & Lt; ul class = "title-area" & gt; & Lt; li वर्ग = "नाम" & gt; & Lt; h1 & gt; & lt; a href = "/ testtop /" & gt; गेमिंगटॉप & lt; / a & gt; & lt; / h1 & gt; & Lt; / li & gt; & Lt; li वर्ग = "टॉगल-टॉपबार मेनू-आइकन" & gt; & lt; a href = "#" & gt; & lt; स्पैन & gt; मेनू & lt; / span & gt; & lt; / a & gt; & lt; / li & gt; & Lt; / ul & gt; & Lt; अनुभाग वर्ग = "शीर्ष-बार-अनुभाग" & gt; & lt; ul class = "left" & gt; & lt; li & gt; & lt; a href = "/ testtop / tops" "gt; पुनःविज्ञापन & lt; / a & gt; & lt; / Li & gt; & lt; li & gt; & lt; a href = "/ testtop / games /" & gt; ईज्री & lt; / a & gt; & lt; / li & gt; और ; / a & gt; & lt; / li & gt; & lt; / ul & gt; & Lt; ul class = "right" & gt; & Lt; li वर्ग = "है ड्रॉपडाउन नहीं-क्लिक करें" & gt; & Lt; a href = "/ testtop / profile" & gt; guyasyou@gmail.com< / a & gt; & Lt; ul class = "ड्रॉपडाउन" & gt; & lt; li वर्ग = "शीर्षक वापस जेएस-जेनरेट" & gt; & lt; h5 & gt; & lt; a href = "जावास्क्रिप्ट: शून्य (0)" & gt; वापस & lt; / ए & gt; & lt; / h5 & gt; & lt; / li & gt; & Lt; li & gt; & lt; a href = "/ टेस्टटॉप / प्रोफाइल" & gt; पृष्ठफ्रन्टएण्ड & lt; / a & gt; & lt; / li & gt; & Lt; li & gt; & lt; a href = "/ टेस्टटॉप / प्रोजेक्ट /" & gt; मेरी स्क्वायर & lt; / a & gt; & lt; / li & gt; & Lt; li वर्ग = "विभक्त" & gt; & lt; / li & gt; & Lt; li & gt; & lt; a href = "/ testtop / auth / लॉगआउट" & gt; लुक & lt; / a & gt; & lt; / li & gt; & Lt; / ul & gt; & Lt; / li & gt; & Lt; / ul & gt; & Lt; / अनुभाग & gt; /jquery.js"></script> & Lt; स्क्रिप्ट प्रकार = "टेक्स्ट / जावास्क्रिप्ट" src = "/ testtop / js / foundation.min.js" & gt; & lt; / स्क्रिप्ट & gt;
यह आपके jQuery के संस्करण के कारण हो सकता है। नवीनतम संस्करण का उपयोग करने का प्रयास करें और एनएवी टैग को बंद करने के लिए मत भूलें। इस कोड के साथ ठीक है:
हैडर:
& lt; link rel = "स्टाइलशीट" href = "http://cdn.foundation5.zurb.com/foundation सीएसएस "& gt;
कोड:
& lt; nav class = "top-bar" डेटा-टॉपबार = "" & gt; & Lt; ul class = "title-area" & gt; & Lt; li वर्ग = "नाम" & gt; & Lt; h1 & gt; & lt; a href = "/ testtop /" & gt; गेमिंगटॉप & lt; / a & gt; & lt; / h1 & gt; & Lt; / li & gt; & Lt; li वर्ग = "टॉगल-टॉपबार मेनू-आइकन" & gt; & lt; a href = "#" & gt; & lt; स्पैन & gt; मेनू & lt; / span & gt; & lt; / a & gt; & lt; / li & gt; & Lt; / ul & gt; & Lt; अनुभाग वर्ग = "शीर्ष-बार-अनुभाग" & gt; & lt; ul class = "left" & gt; & lt; li & gt; & lt; a href = "/ testtop / tops" "gt; पुनःविज्ञापन & lt; / a & gt; & lt; / Li & gt; & lt; li & gt; & lt; a href = "/ testtop / games /" & gt; ईज्री & lt; / a & gt; & lt; / li & gt; और ; / a & gt; & lt; / li & gt; & lt; / ul & gt; & Lt; ul class = "right" & gt; & Lt; li वर्ग = "है ड्रॉपडाउन नहीं-क्लिक करें" & gt; & Lt; a href = "/ testtop / profile" & gt; guyasyou@gmail.com< / a & gt; & Lt; ul class = "ड्रॉपडाउन" & gt; & lt; li वर्ग = "शीर्षक वापस जेएस-जेनरेट" & gt; & lt; h5 & gt; & lt; a href = "जावास्क्रिप्ट: शून्य (0)" & gt; वापस & lt; / ए & gt; & lt; / h5 & gt; & lt; / li & gt; & Lt; li & gt; & lt; a href = "/ टेस्टटॉप / प्रोफाइल" & gt; पृष्ठफ्रन्टएण्ड & lt; / a & gt; & lt; / li & gt; & Lt; li & gt; & lt; a href = "/ टेस्टटॉप / प्रोजेक्ट /" & gt; मेरी स्क्वायर & lt; / a & gt; & lt; / li & gt; & Lt; li वर्ग = "विभक्त" & gt; & lt; / li & gt; & Lt; li & gt; & lt; a href = "/ testtop / auth / लॉगआउट" & gt; लुक & lt; / a & gt; & lt; / li & gt; & Lt; / ul & gt; & Lt; / li & gt; & Lt; / ul & gt; & Lt; / अनुभाग & gt; & Lt; / नव & gt;
अपना शरीर टैग बंद करने से पहले:
& lt; script src = "http://code.jquery.com/jquery-latest.js" & gt ; & lt; / लिपि & gt; & Lt; स्क्रिप्ट src = "http://cdn.foundation5.zurb.com/foundation.js" & gt; & lt; / स्क्रिप्ट & gt; & LT; स्क्रिप्ट & gt; $ (दस्तावेज़) .foundation (); & Lt; / स्क्रिप्ट & gt;
Comments
Post a Comment