gpt4 book ai didi

jQuery 在函数之间切换 - 执行零、一、二、三...次

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

我正在尝试使用 jQuery 切换在两个函数之间移动。到目前为止,结果参差不齐。以下是试用场景的完整代码。

<html>
<head>
<script type="text/javascript" src="../js/jquery.js"></script>
<script>
$(document).ready(function(){
$('#id').on('click',function(event){
$(this).toggle(
function(){console.log('Hide');},
function(){console.log('Show');}
);
});
});
</script>
</head>

<body>
<div id="id">Hello</div>
</body>
</html>

因此,当我第一次单击“Hello”时,日志中没有显示任何内容。

[Nothing]

第二次点击时,我得到:

Hide

在第三个方面,它添加了:

Show
Hide

第四个,它添加:

Hide
Show
Hide

在第五条中,它添加了:

Show
Hide
Show
Hide

我相信您可以看到该模式:) 为什么要这样做?我尝试过 .stop(true) 但没有成功。

谢谢。

最佳答案

toggle() 在点击时执行,因此您不需要 click 事件包装器。

$('#id').toggle(
function(){console.log('Hide');},
function(){console.log('Show');}
);

您当前的代码附加了toggle()以在第一次单击时触发click事件,这就是为什么您第一次没有得到任何东西单击该元素。

关于jQuery 在函数之间切换 - 执行零、一、二、三...次,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10098966/

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