作者kurasa (丑小鸭)
看板Ajax
标题[问题] click触发後resize就无效
时间Mon Sep 12 14:20:39 2016
最近自学RWD,土法写了个nav,却发现nav fadeout後,window resize就不再有反应了
想请问大家我的问题出再哪里? 感激不尽
$(document).ready(function(){
$(window).bind('resize', function () {
if ($(screen).width() <= 640){
$(".nav").hide();
}
else{
$(".nav").show();
}
});
$(".nav li").hover(
function(){
$(this).find("div").slideDown(100);
},
function(){
$(this).find("div").slideUp(100);
}
);
$("#bars").bind('click', function(){
$(".nav").fadeToggle(200);
$(".nav a").bind('click',function(){
$(".nav").fadeOut(200);
});
});
});
----------------------------------------------------------------
找到问题了,把click的部份改成这段程式就不会崩溃了,谢谢各位
$("#bars, .nav a").click(function () {
//Test inside the click
if ($(window).width() <= 900)
{
$(".nav").fadeToggle(200);
}
});
if ($(window).width() <= 900) {
$(".nav").hide();
}
});
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 218.161.53.242
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Ajax/M.1473661246.A.EBB.html
1F:→ superbuddha: $(screen).width()看起来怪怪的? 不能直接用screen.w 09/18 23:23
2F:→ superbuddha: idth吗? 09/18 23:24
4F:→ kurasa: 谢谢a大帮我测试,看来可能跟别的程式相冲了,我再检查看看 09/20 18:30
※ 编辑: kurasa (218.161.53.242), 09/21/2016 11:13:11