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;
}