Question

之前从未这样做过。我希望在页面加载后5秒后加载一个href。

我正在处理脚本，但它无法正常工作。

HTML：

<div id="div1">
    <a id="single" href="#">Single Play</a>
    <a id="multi" href="#">Head to Head</a>
</div>

JS：

$(window).load(function(){
    function ahref(){
        $("#div1").show();
    };
    window.setTimeout( ahref, 5000 ); // 5 seconds
})

哪里出了问题？

Answer 1

<强>样本

$(window).load(function() {
  function ahref() {
    $("#div1").show();
  };
  setTimeout(function(){ ahref(); }, 5000);
})

#div1{
  display:none;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="div1">
  <a id="single" href="#">Single Play</a>
  <a id="multi" href="#">Head to Head</a>
</div>

Answer 2

你的代码是正确的，只有show()函数对隐藏元素起作用，如果元素已经显示它将无效，所以你应该使用css类默认隐藏div例如：

#div{
    display:none;
}

或javascript函数hide()例如：

$("#div1").hide();

然后您的代码将按预期工作。

希望这有帮助。

$(window).load(function(){
    $("#div1").hide();
  
    function ahref(){
        $("#div1").show();
    };
    window.setTimeout( ahref, 2000 ); // 2 seconds
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="div1">
    <a id="single" href="#">Single Play</a>
    <a id="multi" href="#">Head to Head</a>
</div>

5秒钟后加载

2 个答案: