gpt4 book ai didi

JavaScript 逻辑,按钮不起作用

转载 作者:行者123 更新时间:2023-12-01 01:51:09 24 4
gpt4 key购买 nike

我有一些简化的代码,但我不明白为什么它不起作用

<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 的最后一部分,但我不明白为什么,因为我以前从未遇到过此类问题。任何帮助将不胜感激!

编辑(来自评论):这几乎就是我想要的,抱歉我没有具体说明。我有一些隐藏和显示的对象,并且有一些更密集的代码,这些代码在单击提交按钮或在每个隐藏和显示的对象上按 Enter 键时运行。但我的问题是,当我按 Enter 时,所有代码都会运行,并且我尝试制作一个 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>

关于JavaScript 逻辑,按钮不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51497224/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com