如何显示页面onload弹出窗口?

时间:2017-05-17 06:39:23

标签: javascript jquery

我在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>

2 个答案:

答案 0 :(得分:1)

试试这个解决方案

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

还包括jQuery lib。

答案 1 :(得分:0)

试试这个

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