如何顯示頁面加載彈出窗口？

Question

我在onclick彈出窗口中使用以下代碼，但在onload中需要相同的彈出窗口-如何解決此問題？

 <div class="app">
        <div class="canvas">

                <a href="#explode" class="ui--button" onclick="document.getElementById('boooom').setAttribute('src', 'assets/img/explode-med.gif');">Demo &mdash; Explode Modal</a>


        </div>
    </div>
    <div id="explode" class="ui--modal explode">
        <div>
            <a href="#close" class="material-icons ui--close">clear</a>
            <h4>Boooooom!!!</h4>
          <img src="assets/img/e2dshop.jpg"  >
            <!--<a href="#close" class="ui--button alt">close</a>-->
        </div>
        <div class="bg">
            <img src="assets/img/explode-med.gif" id="boooom">
        </div>  
    </div>

Answer 1

試試這個解決方案

<script> 
 jQuery('window').on('load', function(){
   jQuery('#boooom').attr('src', 'assets/img/explode-med.gif');
 });
</script>

也包括jQuery lib。

Answer 2

嘗試這個

$(document).ready(function() {
    $(".ui--button").click();
});