2022-03-12 工作记录--HTML-解决点击button出现页面抖动问题 - 代码天地

2022-03-12 工作记录--HTML-解决点击button出现页面抖动问题

编程语言 2022-03-23 22:05:04 阅读次数: 0

一、问题分析

在点击提交后，我对校区选择进行了判断：若为空，则进行提示。但是见下图，点击提交后，提示快速消失；
提示快速消失后，选择的校区也自动消失了，页面自动初始化了。

二、问题解决

我们这儿的提交用的是button标签，而button标签的默认type是submit（见下图）：点击一次这个按钮，就会提交一次，所以就出现上述的页面抖动效果。

在这里插入图片描述

So

我们要自己给button标签写一个type，我在这儿给的是button（见下图）
在这里插入图片描述

三、最终效果

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_48850734/article/details/123480825

2022-03-12 工作记录--HTML-解决点击button出现页面抖动问题

2022-03-12：k8s如何搭建gogs+drone实现自动化部署cicd，yaml如何写？

HTML概述(2019/03/12)

页面抖动问题解决

2022-03-06 工作记录--Wechat applet-实现点击拍照功能

问题记录2019-03-12

iOS 关于iOS12 tabbar抖动问题

html-基础-03

21/03/03刷题记录Day12

工作日志 2020-03-12

页面抖动问题的处理

2012-03-12工作（导出word文档和外资局旧系统问题记录）

2022-05-24 工作记录--React-解决刷新页面后，swiper轮播图失效问题

2022-03-11 工作记录--PHP-eq（表示等于）、 neq（表示不等于）

2022-03-30 工作记录--JS-JQuery 获取checkbox被选中的值

2022-03-28 工作记录--JS-对象添加动态属性

2022-03-19 工作记录--Wechat applet-Toast和this.setData的回调函数

2022-03-15 工作记录--PHP-判断数组的长度 + 展示数组的长度

2022-03-10 工作记录--apiCloud-热更新（云修复）

2022-03-31 工作记录--LayUI-触发单元格编辑

2022-03-29 工作记录--LayUI-在不刷新父页面的前提下，在子页面里面修改父页面里的某个值

2022-04-12 工作记录--LayUI-点击表单后面的加号，新增表单；点击新增表单后面的叉号，可以删除对应表单

2022-03-14 工作记录--JS-window.location.href跳转页面时传递参数并且在新页面接收参数

translate改变导致页面抖动问题

京东购物页面的简单实现(2019/03/12)

ViewPager嵌套HorizontalScrollView滑动冲突以及点击抖动问题解决

2012-12-03 至 2012-12-07 工作日志

2022-03-14 工作记录--JS-用test()方法判断正则表达式

2022-03-19 工作记录--Wechat applet-显示与隐藏（hidden）+ 获取屏幕宽度（wx.getSystemInfoSync().windowWidth）

2022-03-10 工作记录--JS-jQuery获取多个相同name名的input框的value值

今日推荐

周排行

四大线程池详解

如何高效使用Vim

Mogodb的常用操作总结

Spyder默认页面布局调整

SAR日志分析

OAuth是一个关于授权（authorization）的开放网络标准，在全世界得到广泛应用，目前的版本是2.0版。本文对OAuth 2.0的设计思路和运行流程，做一个简明通俗的解释，主要参考材料为R

WebService中注解开发，CXF，Spring整合，Rest风格

2019考研英语一 Text1分析

windows下安装docker详细步骤

CentOS 7/6系统升级内核版本到5.2.2

每日归档

更多

2024-08-05(0)

2024-08-04(0)

2024-08-03(0)

2024-08-02(0)

2024-08-01(0)

2024-07-31(0)

2024-07-30(0)

2024-07-29(0)

2024-07-28(0)

2024-07-27(0)