苗景云的博客

这里用到了resize(),直接看代码

$(document).ready(function () {
$(function () {
                var screenWidth = $(window).width();
if (screenWidth <= 1024) {
$("#doc-aside").before("<a class='doc-aside-info' id='doc-aside-info'>词条信息</a>");
}
var onOff = true;
$('#doc-aside-info').click(function () {
if (onOff) {
$('#doc-aside').animate({'opacity': '1','right': '0'}, 500);
$('#doc-aside-info').animate({'right': '348'}, 500);
} else {
$('#doc-aside').animate({'opacity': '0','right': '-348'}, 500);
$('#doc-aside-info').animate({'right': '0'}, 500);
}
onOff = !onOff;
});
$(window).resize(function () {
screenWidth = $(window).width();
if (screenWidth > 768) {
$("#doc-aside-info").hide();
} else {
$("#doc-aside-info").show();
}
})
});
});