基金会6 - 如何摧毁元素的显示？

问题描述：

我在初始化基础6时遇到了一些问题。我正在尝试在中小屏幕上为#menu创建一个新实例并将其移除。我有问题要删除数据显示附带的数据属性。基金会6 - 如何摧毁元素的显示？

$(function() { 
    responsiveMenu(); 

    function responsiveMenu() { 
    if (Foundation.MediaQuery.atLeast('large')) { 
     $('#menu').removeAttr('data-reveal', '').removeClass('full reveal'); 
    } else { 
     var event = new Foundation.Reveal($('#menu').addClass('full reveal')); 
    } 
    } 

    $(window).on('changed.zf.mediaquery', function (event, large) { 
    responsiveMenu(); 
    }); 
});

为什么不在菜单中使用'class =“show-for-only-only-only-medium-only”类？ else'class =“hide-for-large-only”' – Raviteja

我的问题不是关于如何隐藏菜单;）我想显示菜单显示模式，所以我的观点是如何使用jQuery创建和销毁#menu的显示。我不想让我的代码加倍，但是使用javascript处理菜单的方式是在 user3406262

初始化事件后，我想从带有所有给定揭示属性的#menu中删除它，以便在窗口大小更改时正确显示菜单。我试图使用Reveal.destroy，但似乎这个函数并没有删除显示。 – user3406262

答

也许是这样的？

$(function() { 
    responsiveMenu(); 

    function responsiveMenu() { 
    if (Foundation.MediaQuery.atLeast('large')) { 
     $('.reveal-overlay').remove(); 
    } else { 
     var event = new Foundation.Reveal($('#menu').addClass('full reveal')); 
    } 
    } 

    $(window).on('changed.zf.mediaquery', function (event, large) { 
    responsiveMenu(); 
    }); 
});

基金会6 - 如何摧毁元素的显示？

相关推荐