亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

HTML/JS 模態加載

HTML/JS 模態加載

江戶川亂折騰 2022-06-09 19:08:05
我的問題是我無法自動顯示我的模態。在最好的情況下,我需要一個打開模式的計時器(例如,頁面加載后 10 秒)。https://codepen.io/martin-len/pen/ExjJayx<script>// Working metods to open modal with button.var modal = document.getElementById("myModal");var btn = document.getElementById("myBtn");btn.onclick = function() {  modal.style.display = "block";}// And here im trying open modal automaticaly. All methods dont work.// method 1$(document).ready(function(){modal.style.display = "block";});// method 2window.onload = function(){     modal.style.display = "block";}$(document).ready(function(){$("#myModal").modal('show');});</script>
查看完整描述

2 回答

?
婷婷同學_

TA貢獻1844條經驗 獲得超8個贊

我想說艾森的回答在技術上是正確的。值得告知您為什么會發生這種情況。


看這里。


var modal = document.getElementById("myModal");


window.onload = function(){ 

    modal.style.display = "block";

}

注意變量modal。它是在您擁有的任何范圍內定義的。


現在,請注意 window.onload 是另一個函數。這打破了模態變量的范圍和可用性。


但是,您可以使用 Eisson 的答案。這將從上一個在 onload 函數之外無法訪問的范圍渲染中移除模式。


所以你可以做的是將上面提供的代碼更改為


window.onload = () => { 

    modal.style.display = "block";

}

您可以在此資源上了解函數和箭頭函數之間的一些技術差異。艾森和我自己的答案都可以。我的回答在您指定的范圍內留下了模態,并且對您提供的樣板進行了最低限度的更改。


查看完整回答
反對 回復 2022-06-09
?
胡說叔叔

TA貢獻1804條經驗 獲得超8個贊

這是工作:https ://codepen.io/elipio/pen/mdJgyYK


window.onload = function(e){   

  var modal = document.getElementById("myModal");

  var btn = document.getElementById("myBtn");


  modal.style.display = "block";

}

問題是您必須在加載整個頁面時使用這些方法。這發生在 window.onload 事件中。


希望這有幫助。


查看完整回答
反對 回復 2022-06-09
  • 2 回答
  • 0 關注
  • 153 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號