Trigger a lightbox modal on page load

Asked Oct 03 '16 at 15:04

Active Oct 03 '16 at 15:14

Viewed 433 times

I would like to get a lightbox modal box to pop up automatically on page load.

My current anchor works perfect when I actually click it, and here is my bit of JQuery that I've been using so far.

<script>
$(document).ready(function(){
      document.getElementById('popup').click();
});
</script>

And the HTML

<a id="popup" class="wb-lbx lbx-modal" href="#alert">test</a>
      <section id="alert" class="mfp-hide modal-dialog modal-content overlay-def">
        <div class="alert alert-info">
          <h2 class="h4">header</h2>
          <p>content</p>
          </div>
      </section>

Problem is, it just brings me to the #popup anchor location on the page, not actually triggering the lightbox that pops if you were to actually click it.

How do I trigger the click event on page load?

Thanks

edited Oct 03 '16 at 15:10

asked Oct 03 '16 at 15:04

JonYork

1,223
8
31
52

provide your html code, fiddle will be better – Aya Salama Oct 03 '16 at 15:07
have you tried window.load() function perhaps? – Oct 03 '16 at 15:08
$("#popup").trigger("click"); will make it work – AB Udhay Oct 03 '16 at 15:08
Are you using bootstrap modal? – AB Udhay Oct 03 '16 at 15:10
_"My current anchor works perfect when I actually click it"_ What code do you have that accomplishes that? – j08691 Oct 03 '16 at 15:14
That's the class wb-lbx and lbx-modal... it calls in lightbox and does it's thing...the joy of working in a large firm where people decide to lobotimize plugins for "safety"... – JonYork Oct 03 '16 at 15:17
$("#popup").trigger("click"); isn't working. – JonYork Oct 03 '16 at 15:18

Trigger a lightbox modal on page load

0 Answers0