某些点击只针对手机端

<script>
$(document).ready(function () {
// 判断屏幕宽度
function checkScreenWidth() {
// 手机端
if ($(window).width() < 768) {
// 显示汉堡包
$("#show-or-hide").show();
// 手机端-汉堡包被点击时,隐藏内容,显示菜单
$('#show-or-hide').click(function () {
$('.left').toggle(function() {
if ($(this).is(":visible")) {
$('#root .content .right').hide();
$('#root .content .left').css({'width': '100%'});
$('#root .content .left .copyright').css({'width': '100%'});
} else {
$('#root .content .right').show();
}
});
});
// 手机端-菜单li被点击时,隐藏菜单,显示内容
$('#root .content .left .directory ul li>ul li').click(function () {
$('#root .content .left').hide();
$('#root .content .right').show();
});
} else {
// 电脑端
// 隐藏汉堡包
$("#show-or-hide").hide();
}
}

// 页面加载时检测屏幕宽度
checkScreenWidth();

// 窗口大小改变时重新检测屏幕宽度
$(window).resize(function() {
checkScreenWidth();
});
});
</script>


相关推荐

  • 生成图片

    from PIL import Image, ImageColor, ImageDraw, ImageFont, ImageFilterdef create_image_with_text(size, color, text, font_path, font_size, text_color, shadow_color, output_path): """ Create a new image of specified size and color with centered text that has a border and shadow. :param size: A tuple con

  • 获取指定目录下的所有图片信息

    1 获取指定目录下的所有图片信息// 获取指定目录下的所有图片信息 public function getImagesInfo($directory) { $images = []; // 创建递归目录迭代器 $iterator = new \RecursiveIteratorIterator( new \RecursiveDirectoryIterator($directory, \RecursiveDirectoryIterator::SKIP_DOTS), \RecursiveIteratorIterator::LEAVES_ONLY ); // 遍历目录中的每个文件 foreach (

  • Thinkphp各版本的PHP要求

    ThinkPHP 8.0:运行环境要求PHP8.0+,兼容PHP8.3ThinkPHP 6.1:运行环境要求PHP7.2+,兼容PHP8.1ThinkPHP 6.0:运行环境要求PHP7.2+,兼容PHP8.1ThinkPHP 5.1:运行环境要求PHP5.6+,兼容PHP8.0ThinkPHP 5.0:运行环境要求PHP5.4+,兼容PHP7.3