on load open model popup using bootstrap?

Question

model is opening on click :

 <a href="#" data-remodal-target="test" >test</a>

my model code is :

 <div class="remodal" data-remodal-id="test">
    <h3 class="modal-middle-heading">Buy</h3>
    <p>Please select your desired gift city.</p>
    <form class="login-form">
        <input type="text" placeholder="Search City" />
    </form>
    <button>Search</button>
</div>

How can I open model on load ?

Answer 1

Try this,

<script type="text/javascript">
    $(window).load(function(){
        $('#test').modal('show');
    });
</script>

Answer 2

Assuming you are using remodal , you could just programmatically open the model on your onload event. Something like this:

  window.onload = function () {                                                
    $('[data-remodal-id=test]').remodal().open();                              
  }; 

See demo