Javascript 我可以为基于HTML类的菜单效果编写if/else条件吗?
我将megamneu与以下jQuery一起使用。当前的菜单效果是“悬停幻灯片”,我想将悬停幻灯片效果更改为在找到手机或平板电脑时单击幻灯片。我的html头部有html.mobile和html.tablet。如何基于html类编写该条件 我想要一个条件,如果是html.mobile或html.tablet,则菜单效果为“clide slide”,否则菜单效果为“hover slide”Javascript 我可以为基于HTML类的菜单效果编写if/else条件吗?,javascript,jquery,Javascript,Jquery,我将megamneu与以下jQuery一起使用。当前的菜单效果是“悬停幻灯片”,我想将悬停幻灯片效果更改为在找到手机或平板电脑时单击幻灯片。我的html头部有html.mobile和html.tablet。如何基于html类编写该条件 我想要一个条件,如果是html.mobile或html.tablet,则菜单效果为“clide slide”,否则菜单效果为“hover slide” $(document).ready(function($){ $('.megamenu').megaMe
$(document).ready(function($){
$('.megamenu').megaMenuReloaded({
menu_speed_show : 300, // Time (in milliseconds) to show a drop down
menu_speed_hide : 0, // Time (in milliseconds) to hide a drop down
menu_speed_delay : 100, // Time (in milliseconds) before showing a drop down
menu_effect : 'hover_slide', // Drop down effect, choose between 'hover_fade', 'hover_slide', 'click_fade', 'click_slide', 'open_close_fade', 'open_close_slide'
menu_easing : 'jswing', // Easing Effect : 'easeInQuad', 'easeInElastic', etc.
menu_click_outside : 1, // Clicks outside the drop down close it (1 = true, 0 = false)
menu_show_onload : 0, // Drop down to show on page load (type the number of the drop down, 0 for none)
menubar_trigger : 0, // Show the menu trigger (button to show / hide the menu bar), only for the fixed version of the menu (1 = show, 0 = hide)
menubar_hide : 0, // Hides the menu bar on load (1 = hide, 0 = show)
menu_responsive : 1, // Enables mobile-specific script
menu_carousel : 0, // Enable / disable carousel
menu_carousel_groups : 0 // Number of groups of elements in the carousel
});
});
您应该能够这样做:
if($(body).width() < 768)) {
$('.megamenu').megaMenuReloaded({
clide-slide : 'hover_slide', // Drop down effect, choose between 'hover_fade'
});
if($(正文).width()<768)){
$('.megamenu').megaMenuReloaded({
剪辑幻灯片:“悬停幻灯片”//下拉效果,在“悬停淡入”之间选择
});
其中768是平板电脑的宽度。手机也可以这样做。您应该可以这样做:
if($(body).width() < 768)) {
$('.megamenu').megaMenuReloaded({
clide-slide : 'hover_slide', // Drop down effect, choose between 'hover_fade'
});
if($(正文).width()<768)){
$('.megamenu').megaMenuReloaded({
剪辑幻灯片:“悬停幻灯片”//下拉效果,在“悬停淡入”之间选择
});
其中768是平板电脑的宽度。手机也可以这样做。使用条件(也称为“三元”)操作符
$(document).ready(function($){
$('.megamenu').megaMenuReloaded({
menu_speed_show : 300, // Time (in milliseconds) to show a drop down
menu_speed_hide : 0, // Time (in milliseconds) to hide a drop down
menu_speed_delay : 100, // Time (in milliseconds) before showing a drop down
menu_effect : $("html.mobile, html.tablet").length ? 'click_slide' : 'hover_slide', // Drop down effect, choose between 'hover_fade', 'hover_slide', 'click_fade', 'click_slide', 'open_close_fade', 'open_close_slide'
menu_easing : 'jswing', // Easing Effect : 'easeInQuad', 'easeInElastic', etc.
menu_click_outside : 1, // Clicks outside the drop down close it (1 = true, 0 = false)
menu_show_onload : 0, // Drop down to show on page load (type the number of the drop down, 0 for none)
menubar_trigger : 0, // Show the menu trigger (button to show / hide the menu bar), only for the fixed version of the menu (1 = show, 0 = hide)
menubar_hide : 0, // Hides the menu bar on load (1 = hide, 0 = show)
menu_responsive : 1, // Enables mobile-specific script
menu_carousel : 0, // Enable / disable carousel
menu_carousel_groups : 0 // Number of groups of elements in the carousel
});
});
使用条件(也称为“三元”)运算符
$(document).ready(function($){
$('.megamenu').megaMenuReloaded({
menu_speed_show : 300, // Time (in milliseconds) to show a drop down
menu_speed_hide : 0, // Time (in milliseconds) to hide a drop down
menu_speed_delay : 100, // Time (in milliseconds) before showing a drop down
menu_effect : $("html.mobile, html.tablet").length ? 'click_slide' : 'hover_slide', // Drop down effect, choose between 'hover_fade', 'hover_slide', 'click_fade', 'click_slide', 'open_close_fade', 'open_close_slide'
menu_easing : 'jswing', // Easing Effect : 'easeInQuad', 'easeInElastic', etc.
menu_click_outside : 1, // Clicks outside the drop down close it (1 = true, 0 = false)
menu_show_onload : 0, // Drop down to show on page load (type the number of the drop down, 0 for none)
menubar_trigger : 0, // Show the menu trigger (button to show / hide the menu bar), only for the fixed version of the menu (1 = show, 0 = hide)
menubar_hide : 0, // Hides the menu bar on load (1 = hide, 0 = show)
menu_responsive : 1, // Enables mobile-specific script
menu_carousel : 0, // Enable / disable carousel
menu_carousel_groups : 0 // Number of groups of elements in the carousel
});
});