Home/ Questions/Q 9032307
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-16T07:57:01+00:00

I am aware this question has been asked many times but I just cannot

  • 0

I am aware this question has been asked many times but I just cannot seem to get this to work because of my almost null JS knowledge.

I am using the Zebra Dialog jquery plugin to make a modal window that I want to open when the page is loaded.

All the examples on the Zebra Dialog website only explain how to load the modal when clicking a link, but I just cannot seem to get it to load on page load.

I am using the following code right now:

<script type="text/javascript">
    $(document).load(function() {

    // show a dialog box when clicking on a link
    $(anchor).bind('click', function(e) {
        e.preventDefault();
        $.Zebra_Dialog('The link was clicked!');
    });

 });

</script>

I am aware that I am using code for loading the modal when clicking on a link but I have tried a lot of stuff and not found a way to succesfully modify it to load on page load.

Any help would be greatly appreciated!

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Perhaps jQuery is not included? You need jQuery, then the plugin js/css in your <head>:

    <script type="text/javascript" src="path/to/jquery.js"></script>
<script type="text/javascript" src="path/to/zebra_dialog.js"></script>
<link rel="stylesheet" href="path/to/zebra_dialog.css" type="text/css">

    and then the the loading code in <body> (in script tags or loaded from a file)

    $(document).ready(function() {
    $.Zebra_Dialog('Page loaded!');
});
    • 0