當窗口瀏覽器小於600p
x時,我的移動菜單具有slideToggle的jQuery功能。但是,當圖標被點擊時,它會滑落ul
,但立即將其滑回。slideToggle在我的ul滑動切換(jQuery幫助)上有橡皮筋效果
這裏就是我說的
https://jsfiddle.net/0cc4dynv/
當窗口瀏覽器小於600p
x時,我的移動菜單具有slideToggle的jQuery功能。但是,當圖標被點擊時,它會滑落ul
,但立即將其滑回。slideToggle在我的ul滑動切換(jQuery幫助)上有橡皮筋效果
這裏就是我說的
https://jsfiddle.net/0cc4dynv/
就發表評論或刪除此行:如果你想改變
$(this).toggleClass('.trigger-expand').css('display', '');
現在當瀏覽器大小發生變化並且大於時出現一些css使用這種方法。
$(window).on('resize', function(){
var win = $(this); //this = window
if (win.width() > 600) {
/* The window is larger than 600px
change you css style here */
}
});
這將工作
$('#trigger').click(function() {
$('#nav-menu').slideToggle(400, function() {
//$(this).toggleClass('.trigger-expand').css('display', '');
});
});
但是,當我將屏幕恢復爲全寬時,ul不會出現。 – kenny
你的菜單正在工作。你現在想要什麼,我沒有明白你的觀點。 –
試試這個.... $(文件)。就緒(函數(){ $( '#觸發')點擊(函數(){ $('#nav-菜單')的slideToggle(); }); }); –