Question

我正在尝试＆＃34; disable＆＃34;页面加载时div，然后几秒钟enable。我想要的效果是使onclick返回false几秒钟，并且不透明度低。计时器启动后，我希望不透明度返回到1，并将onclick设置为将window.location.href设置为proceed.html的函数。它基本上是一个禁用几秒钟的按钮，然后启用它。

这就是我所拥有的：

    <div id="proceed">
    <a class="buttonlink" href="" ></a>
    <div class="button" id="button" style="opacity:0.4;filter:alpha(opacity=40);"></div
    </a>
    </div>

JS：

<script type="text/javascript">
    function showBuyLink() { 
    document.getElementById("button").style.opacity = "1.0";
    element.style.filter  = 'alpha(opacity=100)';
    var link = document.getElementsByClassName("button");
    links[0].onclick = function() {
        window.location.href = "proceed.html";
    }
    } 
    setTimeout("showBuyLink()", 5000); </script>

onclick不起作用，但不透明度确实有效。有什么帮助吗？

Answer 1

如果要在加载页面后将按钮设置为启用，请使用java脚本功能 document.onLoad（）参考：http://www.w3schools.com/jsref/event_onload.asp

1）首先在HTML

上将不透明度设置为0.4

2）在document.onLoad（）上，因为它在整个页面加载后运行，将opacity设置为1并绑定click函数，然后参考：http://www.w3schools.com/jquery/event_bind.asp

Answer 2

试试这个。

注意：不要忘记包含jquery.js

<script type="text/javascript">
$(document).ready(function(){
    $('#yourDivId').find('button').each(function () {
                    $(this).prop('disabled', true);
         });
    showBuyLink()
        $('#yourDivId').find('button').each(function () {
                    $(this).prop('disabled', false);
         });
    } 
    setTimeout("showBuyLink()", 5000); 
});
</script>

禁用Div＆＃34;按钮＆＃34;然后启用

2 个答案: