Shadowbox + jQuery not working – No errors

3 Views

First, apologies. I’m a js newb.

I’m attempting to trigger a shadowbox with the load of a specific page – a “pop-up” if you will. Nothing happens and according to firebug, there are no errors to report.

Read More

I should note that this is wordpress, so I’m using the default jQuery call and also shadowbox rolled into a WP plug-in. Shadowbox does work properly in other areas of the site, as do jQuery functions.

noConflict() is used because WP also loads prototype by default, which conflicts with the jQuery dollar sign. 

var $j = jQuery.noConflict();

        $j(function(){
            //Set cookie
                $j.cookie('padpop_viewed',true);

                    // open a welcome message as soon as the window loads
            $j(function() {
                Shadowbox.open({
                content: '<div width="600" height="460" style="margin:auto;"><a href="<?php  bloginfo('url');?>"/products/"><img src="<?php  bloginfo('template_url');?>/images/ipad-pop.jpg" width="600" height="460" alt="Redacted"/></a></div>',
                    player: "html",
                height: "470",
                width:  "610"
                });
            });
        });

Any help here would be greatly appreciated as I have spent hours consulting the documentation of each aspect of this.

Thanks,
S.

Post Views: 3

Related posts

Leave a Reply

1 comment

  1. You should not nest $(function() { ... }) calls.

    Remove the inner $j(function() {.

    EDIT: and call 

    Shadowbox.init({
    // let's skip the automatic setup because we don't have any
    // properly configured link elements on the page
    skipSetup: true
});