Lightbox not loading.

Question

// Lightbox
    $('a.lightbox').click(function () {
        $.getScript("js/lightbox.js", function () {
            alert('Load Complete');
            $("a.lightbox").lightbox({
                'type': 'iframe',
                'overlayOpacity': 0.6,
                'width': 940,
                'hideOnContentClick': false
            });
        });
    });

I want to load script on first request, but it doesn't seem to work, the page just redirects to the linked website, does not open iframe in lightbox.

Thanks for your help.

Answer 1

You need to return false to prevent the event from propagating:

What is actually happening is that when the link is clicked, the code executes, but the event is finished, at which point the href attribute of the link (if it exists) is then redirected to.

(function($) {
    $(function() {
        $.getScript("js/lightbox.js", function () {
            alert('Load Complete');
            $('a.lightbox').click(function () {

               $("a.lightbox").lightbox({
                  'type': 'iframe',
                  'overlayOpacity': 0.6,
                  'width': 940,
                  'hideOnContentClick': false
               });
               return false;
            });  
        });
        $('a.lightbox').click();
   });
})(jQuery);