javascript - 在html中使用'onclick'进行javascript函数只能工作一次

原文 标签 javascript html css onclick

简而言之,我正在尝试创建一种滑出div并使clickingwebpage上的按钮可见的方法。我的css和布局看起来正确,并且animation运行一次,但随后不再起作用。

这是完整的js文件

var button1Toggle;
var button2Toggle;
var button3Toggle;

button1Toggle = false;

function slideOutFunc() {
    if (button1Toggle == false) {
        document.getElementById('fade-in1').style.left = '0';
        document.getElementById('fade-in1').style.opacity = '1';
        button1Toggle = true;
    } else {
        document.getElementById('fade-in1').style.left = '-33vw';
        document.getElementById('fade-in1').style.opacity = '0';
        button1Toggle = true;
    }
}


<button id="clickApply" class="applyButton" onclick="slideOutFunc()"><a>Apply</a></button>

这是调用函数的html portion

任何有助于理解为什么它只能工作一次的帮助将不胜感激。

最佳答案

sildeOutFunc中的两个条件都将buttonToggle设置为true

关于javascript - 在html中使用'onclick'进行javascript函数只能工作一次,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55796724/

相关文章:

javascript - 如何同步访问 javascript 对象的私有(private)成员

javascript - 在 Node 中导出

jquery - HTML页面过渡

javascript - 如何为不同高度的元素制作网格?

javascript - 如何使用 JavaScript 修改 CSS 类?

javascript - 如何为 Canvas 创建标尺工具?

jquery - 更改路线时如何在导航栏上更改舱位​​?

html - 在Bootstrap的div中居中2个按钮

javascript - 动态减轻每个列表项子项的背景

javascript - 如何通过Jquery/Ajax将Javascript数组从Javascript传递到PHP?