基金會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(); 
    }); 
});

來源

2016-01-21 user3406262

爲什麼不在菜單中使用'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(); 
    }); 
});

來源

2017-05-11 23:26:42

基金會6 - 如何摧毀元素的顯示？

回答

相關問題