javascript - JavaScript逻辑,按钮不起作用
问题描述
我有一些我的简化代码,我不知道为什么它不起作用
<html>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js">
</script>
<div>
<button class="submit1">update</button>
</div>
<br>
<div>
<button class="submit2">submit</button>
</div>
<br>
<div class="result"></div>
<script>
var myvar = 1;
$(".submit1").on('click',function(){
myvar = 2;
});
if(myvar == 2){
$(".submit2").on('click',function(e){
$('.result').html("it works!");
});
};
</script>
</html>
myvar 最初不是 2 的事实似乎基本上忽略了 javascript 的最后一部分,但我不明白为什么,因为我以前从未遇到过这种问题。任何帮助,将不胜感激!
编辑(来自评论):这几乎是我想要的,抱歉我没有指定。我有一些隐藏和显示的对象,并且我有一些更密集的代码,当单击提交按钮或在每个隐藏和显示的对象上按下输入时运行这些代码。但我的问题是,当我按下回车键时,所有代码都会运行,我试图做出一个 if 语句来澄清正在显示的对象,然后只有在显示时才运行代码
解决方案
我只能猜测,但我相信你是故意的?
var myvar = 1;
$(".submit1").on('click', function() {
myvar = 2;
});
$(".submit2").on('click', function(e) {
$('.result').html(myvar == 2 ? "it works!":"Click update first");
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<div>
<button class="submit1">update</button>
</div>
<br>
<div>
<button class="submit2">submit</button>
</div>
<br>
<div class="result"></div>
或者可能:
$(".submit1").on('click', function() {
$(".submit2").show();
});
$(".submit2").on('click', function(e) {
$('.result').html("it works!");
});
.submit2 { display:none }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<div>
<button class="submit1">update</button>
</div>
<br>
<div>
<button class="submit2">submit</button>
</div>
<br>
<div class="result"></div>
推荐阅读
- c# - 记录不会插入表的最后一行
- selenium - 机器人框架中“seleniumlibrary”中的“选择文件”
- rtf - 从 .rtf 文档中提取别名、映射
- python-3.x - python 蜘蛛在没有抓取任何 URL 的情况下关闭
- python - 使用 Python 处理 Apache Beam 管道中的异常
- javascript - attachShadow 可以返回不是#shadow-root 的#document-fragment 吗?
- gradle - 使用 annotationProcessor 和 log4j2 PluginProcessor 配置 gradle
- android - 由于声明敏感权限,无法在 Google Play 商店中发布应用
- java - 在 DB2 自动配置的数据源中配置定制属性
- git - Git 存储库:深拷贝