Javascript函数调用后按钮不起作用

Question

以下javascript SlideIn功能正常运行。但是，为什么我无法在幻灯片生效后点击“点击我”按钮？滑入后，此按钮被禁用。请帮助。

HTML：

<a href="#" onClick="slideIn('check');"></a>
<div id="check">
    <input type="submit" value="Click me">
</div>

JS：

function slideIn(el) {
    var elem = document.getElementById(el);
    elem.style.transition="left 0.3s linear 0s";
    elem.style.left="0%";
}

Answer 1

我已经弄明白了这个问题。我的CSS有问题。我使用position: relative代替absolute。

div#check {
    background-color: green;
    width: 400px;
    height: 400px;
    position: absolute;
    left: -400px;
    z-index: -1;
}