销毁/重置 jquery-menu-aim
Destroy / Reset jquery-menu-aim
在响应式布局中工作,所以我有两个版本的菜单。我想在桌面版本上使用 menu-aim,但在较小的屏幕上将其删除。
看这里,似乎有一种方法 kill the function,所以悬停状态在指定宽度下停用,但我无法让它工作。我也在那里发表评论以供指导。
这就是我正在尝试的:
function menuDelay() {
// Super cool delay menu
if(isDesktop()) {
$('.mainnav > li').each(function() {
$menu = $(this).find('.menu-header ul');
$menu.menuAim({
activate: activateSubmenu,
deactivate: deactivateSubmenu,
});
});
}
}
function menuKill() {
$('.mainnav > li').each(function() {
$menu = $(this).find('.menu-header ul');
$menu.menuAim.destroy;
});
}
我在哪里使用 .resize() 来监听 screenWidth。如果低于阈值,运行 menuKill()。
主要是我不清楚如何取消 menu-aim 的所有功能,但如果可能的话,这不是构建此逻辑的正确方法,我也愿意接受任何批评。
感谢@bobbyrenwick,销毁MenuAim的调用是:
$menu.menuAim("destroy");
在评论里here.
在响应式布局中工作,所以我有两个版本的菜单。我想在桌面版本上使用 menu-aim,但在较小的屏幕上将其删除。
看这里,似乎有一种方法 kill the function,所以悬停状态在指定宽度下停用,但我无法让它工作。我也在那里发表评论以供指导。
这就是我正在尝试的:
function menuDelay() {
// Super cool delay menu
if(isDesktop()) {
$('.mainnav > li').each(function() {
$menu = $(this).find('.menu-header ul');
$menu.menuAim({
activate: activateSubmenu,
deactivate: deactivateSubmenu,
});
});
}
}
function menuKill() {
$('.mainnav > li').each(function() {
$menu = $(this).find('.menu-header ul');
$menu.menuAim.destroy;
});
}
我在哪里使用 .resize() 来监听 screenWidth。如果低于阈值,运行 menuKill()。
主要是我不清楚如何取消 menu-aim 的所有功能,但如果可能的话,这不是构建此逻辑的正确方法,我也愿意接受任何批评。
感谢@bobbyrenwick,销毁MenuAim的调用是:
$menu.menuAim("destroy");
在评论里here.