作者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/m.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