slideToggle在我的ul滑动切换(jQuery帮助)上有橡皮筋效果
问题描述:
当窗口浏览器小于600p
x时,我的移动菜单具有slideToggle的jQuery功能。但是,当图标被点击时,它会滑落ul
,但立即将其滑回。slideToggle在我的ul滑动切换(jQuery帮助)上有橡皮筋效果
这里就是我说的
答
就发表评论或删除此行:如果你想改变
$(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', '');
});
});
+0
但是,当我将屏幕恢复为全宽时,ul不会出现。 – kenny
+0
你的菜单正在工作。你现在想要什么,我没有明白你的观点。 –
试试这个.... $(文件)。就绪(函数(){ $( '#触发')点击(函数(){ $('#nav-菜单')的slideToggle(); }); }); –