jQuery(document).ready(function(){
/* for top navigation */
jQuery("#menu ul, #menu li").css("-webkit-transform", "translateZ(0)");
jQuery(" #menu ul ").css({display: "none"}); // Opera Fix
jQuery(" #menu li").hover(function(){
jQuery(this).find("ul:first").css({visibility: "visible",display: "none"}).slideDown(400);
},function(){
jQuery(this).find("ul:first").css({visibility: "hidden"});
});
jQuery(" #menu2 ul ").css({display: "none"}); // Opera Fix
jQuery(" #menu2 li").hover(function(){
jQuery(this).find("ul:first").css({visibility: "visible",display: "none"}).slideDown(400);
},function(){
jQuery(this).find("ul:first").css({visibility: "hidden"});
});
});
यह कोड ड्रॉपडाउन से है।js और www.yorkshirephotographer.net पर मेरे नौसेना मेनू के लिए है मुझे मैक "और IPAD" के सही ढंग से कार्य नहीं करने के कारण कोड की शीर्ष पंक्ति - वेबकिट ट्रांसफ़ॉर्म को जोड़ना पड़ा। इसके बारे में और देखें कि मैंने इस कोड लाइन को यहाँ क्यों जोड़ा है -
जावास्क्रिप्ट ड्रॉपडाउन मेनू - मैक पर गायब होने वाले भाग?
लेकिन अब मेनू मोबाइल उपकरणों पर काम नहीं करता है। जब आप क्लिक करने के लिए टैप करते हैं, तो एक बॉक्स एक दूसरे के लिए दिखाई देता है, लेकिन मुख्य मेनू टेक्स्ट के नीचे, जैसे लिंक के नीचे आपका दबाव, जिसके परिणामस्वरूप लिंक सक्रिय नहीं होता है - इसलिए मूल रूप से मेन्यू बार मोबाइल पर काम नहीं करता है।
मैंने कोड की उस पंक्ति के बिना जाँच की है और यह फिर से काम करता है, लेकिन यह एक मैक पर काम नहीं करेगा .... इसलिए इसे मोबाइल उपकरणों पर अक्षम करने की आवश्यकता है या केवल तब पढ़ें जब इसका मैक / एप्पल ओएस .....
कृपया सहायता कीजिए धन्यवाद
उत्तर:
उत्तर № 1 के लिए 1आप इसे आजमा सकते हैं:
jQuery(document).ready(function(){
// If Mac, or iPad, apply the following...
if(navigator.userAgent.match(/(Mac|iPad)/i)) {
jQuery("#menu ul, #menu li").css("-webkit-transform", "translateZ(0)");
jQuery(" #menu ul ").css({display: "none"}); // Opera Fix
jQuery(" #menu li").hover(function(){
jQuery(this).find("ul:first").css({visibility: "visible",display: "none"}).slideDown(400);
},function(){
jQuery(this).find("ul:first").css({visibility: "hidden"});
});
jQuery(" #menu2 ul ").css({display: "none"}); // Opera Fix
jQuery(" #menu2 li").hover(function(){
jQuery(this).find("ul:first").css({visibility: "visible",display: "none"}).slideDown(400);
},function(){
jQuery(this).find("ul:first").css({visibility: "hidden"});
});
} // End of Mac, iPad additional fixes ----
});
पुनश्च: यदि आप iPhone, और iPod के लिए अपने अतिरिक्त सुधारों को शामिल करना चाहते हैं, तो आप प्रतिस्थापित कर सकते हैं if(navigator.userAgent.match(/(Mac|iPad)/i)) साथ में if(navigator.userAgent.match(/(Mac|iPhone|iPod|iPad)/i))
आशा है कि यह मदद करता है, मुझे अपने परिणाम दोस्त के बारे में बताएं।
उत्तर № 2 के लिए 1
आपको ओएस प्राप्त करने में सक्षम होना चाहिए नाविक वस्तु मंच की संपत्ति।
<script type="text/javascript">
jQuery(document).ready(function(){
// Mac OS detection
if (/Mac[/s](d+.d+)/.test(navigator.platform)) {
/* for top navigation */
jQuery("#menu ul, #menu li").css("-webkit-transform", "translateZ(0)");
jQuery(" #menu li").hover( function() {
jQuery(this).find("ul:first").css({visibility: "visible",display: "none"}).slideDown(400); },
function() {
jQuery(this).find("ul:first").css({visibility: "hidden"});
});
jQuery(" #menu2 li").hover( function() {
jQuery(this).find("ul:first").css({visibility: "visible",display: "none"}).slideDown(400); },
function() {
jQuery(this).find("ul:first").css({visibility: "hidden"});
});
// Opera Fix
if (/Opera[/s](d+.d+)/.test(navigator.userAgent)){
jQuery(" #menu ul ").css({display: "none"});
jQuery(" #menu2 ul ").css({display: "none"});
}
}
});
</script>
या आप महान जावास्क्रिप्ट का उपयोग कर सकते हैं session.js पुस्तकालय;)
जो आपको ब्राउजर ओएस वैल्यू देता है और यह भी कि अगर डिवाइस टैबलेट, फोन या मोबाइल है।
संपादित करें: w3c संदर्भों का उपयोग करने और निकालने के लिए तैयार कोड जोड़ें