मैं अपने दम पर यह पता नहीं लगा सकता इसलिए मैं भीख माँग रहा हूँआप मदद के लिए। मुझे एक उत्तरदायी मेनू की आवश्यकता है, जो एक ड्रॉप डाउन मेनू है जब आप मोबाइल / आईपैड पर हैं। उदाहरण के लिए, मेनू में से एक बाईं ओर वेबसाइट के शीर्ष पर है, और दूसरा दाईं ओर। जब आप विंडो को आकार देते हैं और इसे छोटा करते हैं, तो यह एक दूसरे के नीचे एक टॉगल मेनू में दिखाई देगा। जब कंप्यूटर पर दिखाया जा रहा है तो मुझे मेनू को ठीक करने की आवश्यकता है, जब इसे नीचे स्क्रॉल किया जाता है, तो मुझे इसका पालन करने की आवश्यकता होती है। मैं आपको एक उदाहरण दिखाऊंगा कि दो ड्रॉपडाउन मेनू कैसे दिखते हैं (यह मेरी वेबसाइट नहीं है, लेकिन मुझे इस तरह की आवश्यकता है लेकिन स्क्रीन छोटे होने पर उत्तरदायी और टॉगल किया जाता है):
संपादित करें: मैं एक getbootstrap पर खोजने में कामयाब रहा।com, लेकिन मैं चाहता हूँ कि जब मैं इसे लहराऊँ तो सबमेनू दिखाना चाहता हूँ। अभी मैं सबमेनू देखने के लिए मेनू पर क्लिक करने के लिए मजबूर हूं, और मुझे यह नहीं चाहिए कोड पर पाया जा सकता है
jsfiddle.net/6poubg32/2/
उत्तर:
जवाब के लिए 0 № 1बस अपने मेनू पर छोटे JQuery के होवर फ़ंक्शन को जोड़ने का प्रयास करें <li> या <ul> टैग।
$( "your_menu_button_id" ).hover(function() {
// logic to show your menu example call toggle function
// you can also add css class which opens the menu.
$( "#foo" ).addClass( "myClass yourClass" );
// or use this to toggle the classes
$( "#foo" ).toggleClass( className, addOrRemove );
});
अन्य उदाहरण मिल सकते हैं यहाँ-> हॉवर फंक्शन के लिए गतिशील रूप से वर्ग जोड़ने के लिए इसका उपयोग करें संपर्क & इस संपर्क toggleClass को अधिक समझने के लिए।
उम्मीद है की यह मदद करेगा।!