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 ?

stackoverflow.com/questions/10233550/…

Neerajlal K
– Neerajlal K

2015-06-13 06:48:54 +00:00
Commented Jun 13, 2015 at 6:48 — Neerajlal K
– Neerajlal K, Commented Jun 13, 2015 at 6:48

Neerajlal K · Accepted Answer · 2015-06-13 06:50:03Z

2

Try this,

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

answered Jun 13, 2015 at 6:50

Neerajlal K

6,8263 gold badges26 silver badges34 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

dreyescat · Accepted Answer · 2015-06-13 07:28:51Z

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

Collectives™ on Stack Overflow

on load open model popup using bootstrap?

2 Answers 2

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Linked

Related