关于按钮需要点两次才有用的问题

今天第一次写接口，里面打算点击按钮弹出一个进度条的gif，结果每次都需要点击两次才能显示，虽然是一个非常简单的问题，但还是记录一下比较好

先上代码（以下是错误的）

<body>
<div id="process" class="demo" style="display:none;"><img src="../static/images/progress.gif" alt="无" />
</div>
<div id="main">
{#<input type="file"  id="getfile" value="请选择">#}
<button id="abc"  onclick="gt()" >进度条测试</button>
<script>
function gt() {$('#abc').on('click',function(){//打开进度条// alert("XXX");$("#process").css("display","");$("#main").css("opacity","0.3");
});
}</script>
</div>
</body>

错误是不是简单明了就能看出来：第一次点击按钮激活gt函数，第二次点击按钮才能成功调用，把进度条显示出来。

修改如下：

<body>
<div id="process" class="demo" style="display:none;"><img src="../static/images/progress.gif" alt="无" />
</div>
<div id="main">
{#<input type="file"  id="getfile" value="请选择">#}
<button id="abc"  onclick="gt()" >进度条测试</button>
<script>$(document).ready(function gt() {$('#abc').on('click',function(){//打开进度条$("#process").css("display","");$("#main").css("opacity","0.3");});})
</script>
</div>
</body>

使用 $(document).ready（）将其中的函数激活，这样就可以直接使用了

关于按钮需要点两次才有用的问题相关推荐

file input 点击没反应_解决input file按钮要点击两次才弹出选择文件窗口
相信很多人都碰到过这个问题,文件上传控件透明后有的要点击两次才能弹出选择文件窗口,这里将将介绍如何避免要双击,只需要单击是可以实现的. 本来一直无心留意这个图片上传file按钮的BUG,因为有时候为了 ...
Android安装两次才成功,Android应用从市场安装完成打开与桌面打开，被启动两次的问题...
问题描述: 1.从Android应用市场下载并安装应用,安装完成后,当前界面下方会出现"打开"按钮,这时候我们点击"打开",会启动应用,进入到应用的启动页面,然 ...
两个很有用的进程间通信函数popen,pclose
两个很有用的进程间通信函数popen,pclose 今天起的比较晚,然后来了也不想复习,还是看书学习--写代码--写博客有意思,不敢说有多精通,至少每天都在学习新知识,不求立刻完全消化,但求每天有进步 ...
安装时间大于30秒_“跑步是最没用的减肥方式，必须跑30分钟以上才有用”
每次有朋友问我要怎么减肥,我的回答就八个字:科学饮食,规律运动.朋友说吃可以控制,但运动,除了跑步还有什么可推荐的.作为一个通过跑步成功减脂的人,表示很不解,跑步现在这么火,门槛又低,对场地和专业技能 ...
蹬过三轮、卖过小商品、复读两次才考上大学，中国首富凭什么是他？
Python实战社群 Java实战社群长按识别下方二维码,按需求添加扫码关注添加客服进Python社群▲ 扫码关注添加客服进Java社群▲ 作者丨电商君来源丨电商报(ID:kandiansh ...
怎么发外链才有用，利用外链提升网站排名的技巧！
网站外链一直的seo中最为关注的一个站外优化方法,但是很多运营推广人员因为外链麻烦琐碎就偷懒不做外链工作.但是其实外链对我们的网站是起很大作用的.一个好的外链可以吸引目标流量和导入权重还可以吸引更多的 ...
不是握住了一只蝉，就能拥有整个夏天，也不是得到了谁的偏爱，就能够永远。爱没用，相爱才有用。
不是握住了一只蝉,就能拥有整个夏天,也不是得到了谁的偏爱,就能够永远.爱没用,相爱才有用.
android 点击事件两次,Android 按钮点击两次触发不同的事件
标题:Android 按钮点击两次触发不同的事件方案:采用flag标记的方式,每次单击标记为0,再次点击判断flag的值 package com.ldl.ui; import android.app ...
js中的onclick事件在ul获取li时点击两次才会执行的原因
js中的onclick事件在ul获取li时点击两次才会执行的原因下面的代码中只有onclick第二次才会执行函数内部的代码代码实例如下: <!DOCTYPE html> <ht ...
数据分析，要怎么做才有用？
作者|陈老师来源|接地气学堂有同学问:老师,我们领导总说,要做有用的数据分析.可我废了很大力气,做出来的却被嫌弃:"我早知道了"."没啥用".到底要怎么才有 ...

关于按钮需要点两次才有用的问题

关于按钮需要点两次才有用的问题相关推荐

最新文章

热门文章