原创投稿
  1. 创想鸟首页
  2. 用户投稿

如何解决点击“∨”生成第二张日历后，第一张表格被遮挡的问题？

程序猿 • • 用户投稿

如何解决点击“∨”生成第二张日历后，第一张表格被遮挡的问题？

如何让表格横向%ignore_a_1%

问题

在点击下标“∨”后生成的第二张日历，会使第一张表格向上移，导致下标“∨”和“确定”遮挡掉一些日期，不美观。解决方法是想让点击“∨”后新生成的表格往右边移动，但没有效果。

解决方案

无涯·问知 无涯·问知

无涯·问知，是一款基于星环大模型底座，结合个人知识库、企业知识库、法律法规、财经等多种知识源的企业级垂直领域问答产品

无涯·问知 153 查看详情 无涯·问知

在表格标题

内添加两个button按钮：分别为“∨”和“确定”。

    //获取‘∨’的点击次数    var click_xia = 0; //点击‘∨’的次数    $('.add_cla').on('click', function () {        click_xia++;        if (click_xia == 1) {            draw(month_now + 2)        }        if (click_xia % 2 == 1) {            $('.table_cla').css('color', 'black');            $('.title_cla').css('background', '#ccc');            var td_ele2 = $('.td_event2')// 获取class            console.log(td_ele2);            //为td‘点击’添加样式            td_ele2.click(function () {                $(this).addclass("dash_border")                date_value = $(this).text() //储存日期的值            });            //为每个td2日期添加点击事件            for (var i = 0; i < td_ele2.length; i++) {                // console.log(td_ele[i].innertext);                td_ele2[i].onclick = getnum(td_ele2[i], function (click_numm, date_numm) {                    if (click_numm % 2 == 0) {                        // console.log("点击了偶数次")                        $(date_numm).removeclass('dash_border');                        $(date_numm).css("color", "black");                    } else {                        // console.log("点击了奇数次")                        $(date_numm).css("color", "pink");                    }                });            }        }        $('.table_cla').fadetoggle(); //淡出    }    )

在获取点击次数部分，点击“∨”次数为奇数次时生成表格，然后再根据点击次数进行奇偶判断：偶数次时移除边框样式和颜色；奇数次时添加边框样式及颜色。

         //为每个按钮添加点击事件    for (var i = 0; i < $('.button_cla').length; i++) {        // console.log($('.button_cla').html);        $('.button_cla')[i].onclick = getNum($('.button_cla')[i], function (click_numm, date_numm) {            //监测存在几个"dash_border"样式的td            for (var i = 1; i <= $('.td_event').length; i++) {                console.log(i);                console.log($('.td_event')[i - 1]); //别问，问就是能跑就行。                //解决遍历td的id                if ($('#td_id' + i).hasClass('dash_border')) {                    console.log('日期' + i + '存在样式dash_border');                    $('#td_id' + i).removeClass('dash_border')                    $('#td_id' + i).css('color', 'black');                } else {                    console.log('日期' + i + "不存在样式")                }            }            for (var i = 1; i <= $('.td_event2').length; i++) {                console.log(i);                console.log($('.td_event2')[i - 1]); //别问，问就是能跑就行。                //解决遍历td的id                if ($('#td_id' +sign2+ i).hasClass('dash_border')) {                    console.log(sign2+'日期' + i + '存在样式dash_border');                    $('#td_id'  +sign2+ i).removeClass('dash_border')                    $('#td_id' +sign2 + i).css('color', 'black');                } else {                    console.log(sign2+'日期' + i + "不存在样式")                }            }        });    }

添加右侧表格对象(‘.table_cla’)的淡出淡入效果，点击“确定”将所有dash_border和颜色移除。

以上就是如何解决点击“∨”生成第二张日历后，第一张表格被遮挡的问题？的详细内容，更多请关注创想鸟其它相关文章！

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1153419.html

赞 (0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
0 0

关于作者

程序猿的头像

程序猿签约作者

413.8K 文章
0 评论
2 粉丝
这个人很懒，什么都没有留下～
仙风道骨，三国杀名将传南华老仙又得命魂
上一篇 2025年12月2日 20:38:29
荐片怎么设置个人偏好 荐片推荐算法调整指南
下一篇 2025年12月2日 20:38:38

相关推荐

  • Archiveofownour收藏夹导入教程_Archiveofownour中文版历史记录同步进入

    Archiveofownour收藏夹导入教程_Archiveofownour中文版历史记录同步进入Archiveofownour收藏夹导入教程_Archiveofownour中文版历史记录同步进入Archiveofownour收藏夹导入教程_Archiveofownour中文版历史记录同步进入Archiveofownour收藏夹导入教程_Archiveofownour中文版历史记录同步进入

    Archiveofownour收藏夹导入教程在个人中心的“数据管理”中，打开平台后点击“导入收藏夹”，上传HTML格式书签文件即可完成导入；多设备同步需登录同一账户并开启“同步设置”，支持端到端加密传输；平台还具备跨设备合并、智能标签、时间轴视图、自定义过滤及离线查看等核心功能。 Archiveof…

    程序猿的头像 程序猿
    2026年10月2日 • 用户投稿
    100

  • Sublime Text 中文显示乱码的编码设置方案

    Sublime Text 中文显示乱码的编码设置方案Sublime Text 中文显示乱码的编码设置方案Sublime Text 中文显示乱码的编码设置方案Sublime Text 中文显示乱码的编码设置方案

    sublime text 中文显示乱码主要是由于文件编码与软件默认解码方式不匹配所致，解决方法包括：1. 使用 notepad++ 等工具检测文件实际编码（如 utf-8、gbk）；2. 打开文件时通过 reopen with encoding 选择正确编码；3. 修改 sublime text 用…

    程序猿的头像 程序猿
    2026年10月2日 • 用户投稿
    900

  • JS中的循环怎么使用

    JS中的循环怎么使用JS中的循环怎么使用JS中的循环怎么使用JS中的循环怎么使用

    JS中的循环主要用于重复执行一段代码，直到满足特定条件为止。 掌握它们对于处理数组、对象以及执行重复性任务至关重要。 解决方案 JavaScript 提供了几种循环结构，各有用途： for 循环： 这是最常用的循环之一，尤其适用于已知循环次数的情况。 for (let i = 0; i < 1…

    程序猿的头像 程序猿
    2026年10月2日 • 用户投稿
    100

  • 滴答清单日历视图使用方法详解_滴答清单日历视图切换与日程展示步骤

    滴答清单日历视图使用方法详解_滴答清单日历视图切换与日程展示步骤滴答清单日历视图使用方法详解_滴答清单日历视图切换与日程展示步骤滴答清单日历视图使用方法详解_滴答清单日历视图切换与日程展示步骤滴答清单日历视图使用方法详解_滴答清单日历视图切换与日程展示步骤

    滴答清单日历视图可整合任务与日程，支持按天、周、月查看。首先切换至日历标签，绑定系统日历同步外部事件。任务可添加截止日期或提醒时间，按设定显示在对应日期，支持拖动切换视图。通过设置可自定义显示模式、颜色分类及隐藏已完成任务，提升管理效率。（149字符） 如果您希望更直观地查看和管理每日任务与日程安排…

    程序猿的头像 程序猿
    2026年10月2日 • 用户投稿
    100
  • PHP文件上传系统：如何通过外键将文件精确关联到特定用户 用户投稿

    PHP文件上传系统：如何通过外键将文件精确关联到特定用户

    本教程详细阐述如何在PHP文件上传系统中，通过引入数据库外键（user_id）将上传的QR码图片与特定用户关联。内容涵盖数据库表结构设计、前端表单改造、后端文件处理逻辑及用户专属内容展示，确保文件上传的精确归属和管理。 1. 理解核心问题与解决方案 在多用户或多角色（如员工为用户上传）的应用场景中，…

    程序猿的头像 程序猿
    2026年10月2日
    100

  • 火狐浏览器怎么查看网页源代码_火狐浏览器打开页面源代码与元素检查器方法

    火狐浏览器怎么查看网页源代码_火狐浏览器打开页面源代码与元素检查器方法火狐浏览器怎么查看网页源代码_火狐浏览器打开页面源代码与元素检查器方法火狐浏览器怎么查看网页源代码_火狐浏览器打开页面源代码与元素检查器方法火狐浏览器怎么查看网页源代码_火狐浏览器打开页面源代码与元素检查器方法

    1、通过右键“查看页面源代码”或按Ctrl+U可查看网页HTML；2、右键“检查”或按F12打开开发者工具，可定位并修改具体元素；3、使用F12快捷键启动工具后，点击选择图标可快速检视页面组件。 如果您在浏览网页时需要查看页面的底层结构或调试内容，可以通过火狐浏览器快速访问网页源代码或检查具体元素。…

    程序猿的头像 程序猿
    2026年10月2日 • 用户投稿
    100

  • js如何实现拖拽功能

    js如何实现拖拽功能js如何实现拖拽功能js如何实现拖拽功能js如何实现拖拽功能

    实现javascript拖拽功能的核心是监听mousedown、mousemove和mouseup事件，通过计算鼠标偏移量实时更新元素位置，推荐使用transform: translate()提升性能。1. 对于多个可拖拽元素，可采用事件委托，将事件绑定在父容器上，通过判断e.target实现统一管…

    程序猿的头像 程序猿
    2026年10月2日 • 用户投稿
    100

  • Sublime怎么注释多行？多行注释与取消注释的终极方案

    Sublime怎么注释多行？多行注释与取消注释的终极方案Sublime怎么注释多行？多行注释与取消注释的终极方案Sublime怎么注释多行？多行注释与取消注释的终极方案Sublime怎么注释多行？多行注释与取消注释的终极方案

    sublime text 多行注释可通过多种方法实现。1. 使用快捷键 ctrl + /（windows/linux）或 cmd + /（mac）可对选中的多行代码进行单行注释，再次按下取消注释；2. 通过块选择功能（alt+拖动或option+拖动），可在多行指定位置手动输入注释符；3. 安装插件…

    程序猿的头像 程序猿
    2026年10月2日 • 用户投稿
    100

  • HTML/CSS 代码片段的自动生成技巧

    HTML/CSS 代码片段的自动生成技巧HTML/CSS 代码片段的自动生成技巧HTML/CSS 代码片段的自动生成技巧HTML/CSS 代码片段的自动生成技巧

    使用 emmet 语法快速生成 html 结构的方法是通过简短的缩写提升效率，例如输入 ! 然后按 tab 键生成 html5 骨架，或使用 div#container>ul.list>li.item*5>a{link} 快速构建嵌套结构；css 预处理器如 sass 或 less…

    程序猿的头像 程序猿
    2026年10月2日 • 用户投稿
    200

  • sublime网页开发运行 sublime怎么调试html文件

    sublime网页开发运行 sublime怎么调试html文件sublime网页开发运行 sublime怎么调试html文件sublime网页开发运行 sublime怎么调试html文件sublime网页开发运行 sublime怎么调试html文件

    如何使用sublime text配合浏览器进行前端开发？1.安装package control：通过控制台粘贴代码安装，重启sublime text。2.安装插件：如view in browser（右键html文件预览）、emmet（快速编写html/css）、sublimelinter（代码检查）…

    程序猿的头像 程序猿
    2026年10月1日 • 用户投稿
    1700

  • 苹果电脑CPU占用率高？关闭不必要进程的方法

    苹果电脑CPU占用率高？关闭不必要进程的方法苹果电脑CPU占用率高？关闭不必要进程的方法苹果电脑CPU占用率高？关闭不必要进程的方法苹果电脑CPU占用率高？关闭不必要进程的方法

    首先使用活动监视器识别高CPU占用进程，按%CPU排序并终止非必要进程；随后通过系统设置禁用登录项中自动启动的应用，减少后台资源消耗，从而有效降低Mac的CPU使用率。 如果您的苹果电脑运行缓慢、风扇噪音过大或设备明显发热，很可能是由于某些进程占用了过多的CPU资源。以下是通过识别并关闭不必要的进程…

    程序猿的头像 程序猿
    2026年10月1日 • 用户投稿
    200

  • Sublime怎么格式化代码？一键美化代码的3种实用方法

    Sublime怎么格式化代码？一键美化代码的3种实用方法Sublime怎么格式化代码？一键美化代码的3种实用方法Sublime怎么格式化代码？一键美化代码的3种实用方法Sublime怎么格式化代码？一键美化代码的3种实用方法

    sublime可通过三种方法实现代码格式化：1.安装codeformatter插件，支持多语言格式化，通过package control安装后可右键或设置快捷键alt + f一键格式化，部分语言需本地安装对应工具；2.使用html-css-js prettify插件，适合前端开发，安装后可右键选择p…

    程序猿的头像 程序猿
    2026年10月1日 • 用户投稿
    100
  • 如何通过云服务器运行PHP后缀文件_远程部署PHP后缀文件的实用技巧 用户投稿

    如何通过云服务器运行PHP后缀文件_远程部署PHP后缀文件的实用技巧

    首先安装LAMP或LNMP环境，以Ubuntu为例使用apt安装Apache和PHP；接着将PHP文件上传至/var/www/html目录，可通过SFTP、scp或直接编辑方式部署；然后启动Apache服务并设置开机自启，访问服务器IP确认Web服务正常；若.php文件仅显示源码，需检查PHP是否安…

    程序猿的头像 程序猿
    2026年10月1日
    200

  • Sublime怎么快速跳转？文件函数快速定位的5个技巧

    Sublime怎么快速跳转？文件函数快速定位的5个技巧Sublime怎么快速跳转？文件函数快速定位的5个技巧Sublime怎么快速跳转？文件函数快速定位的5个技巧Sublime怎么快速跳转？文件函数快速定位的5个技巧

    掌握sublime text的快速跳转技巧可大幅提升工作效率。1. 使用 ctrl/cmd + g 输入行号跳转至指定行，适合调试定位错误；2. 通过 ctrl/cmd + p 模糊搜索文件名快速打开文件，尤其适用于复杂项目；3. 利用 ctrl/cmd + r 跳转到当前文件内的函数、变量等符号，…

    程序猿的头像 程序猿
    2026年10月1日 • 用户投稿
    300

  • 如何在移动设备上扩展SublimeText的功能

    如何在移动设备上扩展SublimeText的功能如何在移动设备上扩展SublimeText的功能如何在移动设备上扩展SublimeText的功能如何在移动设备上扩展SublimeText的功能

    sublime text没有官方移动版本，因其设计依赖桌面环境和物理键盘。替代方案包括：1. 使用远程连接工具如ssh或vnc控制运行sublime text的桌面电脑；2. 选用功能相近的移动端代码编辑器如ios的textastic、code editor by panic或android的aco…

    程序猿的头像 程序猿
    2026年10月1日 • 用户投稿
    600

  • 如何通过按钮将字符串输入到字段中

    如何通过按钮将字符串输入到字段中如何通过按钮将字符串输入到字段中如何通过按钮将字符串输入到字段中如何通过按钮将字符串输入到字段中

    本文将介绍如何使用HTML表单、JavaScript函数以及按钮点击事件，实现将文本框中的字符串输入到另一个div元素中显示的功能。我们将重点解决页面重载问题，并提供简洁有效的解决方案，确保用户输入的内容能够正确地显示在目标区域。 HTML结构 首先，我们需要创建一个包含文本输入框和按钮的HTML表…

    程序猿的头像 程序猿
    2026年10月1日 • 用户投稿
    100

  • Sublime Text 启动缓慢的插件冲突定位

    Sublime Text 启动缓慢的插件冲突定位Sublime Text 启动缓慢的插件冲突定位Sublime Text 启动缓慢的插件冲突定位Sublime Text 启动缓慢的插件冲突定位

    sublime text启动缓慢通常由插件冲突或资源占用过高引起，可通过安全模式启动初步判断是否由插件导致；具体步骤包括：1. 使用ctrl + ~打开控制台并输入sublime.log_startup_info()查看插件加载信息；2. 若安全模式下启动正常，则问题源于插件；3. 采用二分法禁用插…

    程序猿的头像 程序猿
    2026年10月1日 • 用户投稿
    000

  • sublime如何执行html文件 sublime运行网页代码方法详解

    sublime如何执行html文件 sublime运行网页代码方法详解sublime如何执行html文件 sublime运行网页代码方法详解sublime如何执行html文件 sublime运行网页代码方法详解sublime如何执行html文件 sublime运行网页代码方法详解

    如何配置sublime text运行html文件？1.创建自定义构建系统，依次点击tools->build system->new build system…，复制代码{ “cmd”: [“open”, “-a&#8…

    程序猿的头像 程序猿
    2026年10月1日 • 用户投稿
    100

  • 豆包AI如何辅助Android开发？快速构建移动应用界面

    豆包AI如何辅助Android开发？快速构建移动应用界面豆包AI如何辅助Android开发？快速构建移动应用界面豆包AI如何辅助Android开发？快速构建移动应用界面豆包AI如何辅助Android开发？快速构建移动应用界面

    豆包ai在android开发中可作为高效助手，通过多种方式提升开发效率。1. 可快速生成xml布局代码，根据描述输出结构清晰的ui组件，如按钮栏、卡片列表等，并支持material design风格；2. 提供java/kotlin代码片段建议，如页面跳转、适配器编写，并解释关键逻辑；3. 推荐界面…

    程序猿的头像 程序猿
    2026年10月1日 • 用户投稿
    000

  • sublime如何运行前端代码 sublime执行html文件教程

    sublime如何运行前端代码 sublime执行html文件教程sublime如何运行前端代码 sublime执行html文件教程sublime如何运行前端代码 sublime执行html文件教程sublime如何运行前端代码 sublime执行html文件教程

    sublime text不能直接运行前端代码，因为它是一个文本编辑器而非集成开发环境。要运行html、css、javascript文件，需通过以下方法实现：1. 安装package control插件管理工具；2. 使用view in browser插件在浏览器中预览html文件；3. 手动配置su…

    程序猿的头像 程序猿
    2026年10月1日 • 用户投稿
    100

发表回复

登录后才能评论
关注微信