求高手帮忙!!
banner随着屏幕变化自动加载图片,aa1~3是小圆点,boxs1~3是手机banner图,boxs4~6是PC-banner图,需要resize和if配合,结果resize事件OK,if毫无反应
$(document).ready(function(){
$(".banner_aa1").click(function(){
$(document).resize(function(){
if ($(document.body).width() <=1000) {
$(".banner_boxs1").css("display","block");
$(".banner_boxs1").siblings().css("display","none");
}
else {
$(".banner_boxs4").css("display","block");
$(".banner_boxs4").siblings().css("display","none");
}
})
})
$(".banner_aa2").click(function(){
$(document).resize(function(){
if ($(document.body).width() <=1000) {
$(".banner_boxs2").css("display","block");
$(".banner_boxs2").siblings().css("display","none");
}
if ($(document.body).width() >=1000) {
$(".banner_boxs5").css("display","block");
$(".banner_boxs5").siblings().css("display","none");
}
})
})
$(".banner_aa3").click(function(){
$(document).resize(function(){
if ($(document.body).width() <=1000) {
$(".banner_boxs3").css("display","block");
$(".banner_boxs3").siblings().css("display","none");
}
if ($(document.body).width() >=1000) {
$(".banner_boxs6").css("display","block");
$(".banner_boxs6").siblings().css("display","none");
}
})
})
})