2014-10-26 50 views
-3

下面的JavaScript SlideIn函數工作正常。但是,爲什麼我無法在幻燈片生效後點擊「點擊我」按鈕?幻燈片放入後,此按鈕將被禁用。請幫助。Javascript函數調用後按鈕不工作

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%"; 
} 
+1

聽起來像你的元素在轉換後被另一個元素覆蓋,但是你沒有提供足夠的上下文來提供任何進一步的幫助。 – Nit 2014-10-26 21:21:48

+0

我無法重現你的問題。請添加一個示例(http://jsfiddle.net/)。 – dizel3d 2014-10-26 22:04:37

回答

0

我想通了這個問題。我的CSS有問題。我使用的是position: relative而不是absolute

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