Лайтбокс не загружается

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
            });
        });
    });

Я хочу загрузить скрипт по первому запросу, но он не работает, страница просто перенаправляет на связанный сайт, не открывает iframe в лайтбоксе.

Спасибо за вашу помощь.

Answer 1

Вам нужно return false, чтобы предотвратить распространение события:

В действительности происходит то, что при нажатии на ссылку код выполняется, но событие заканчивается, и в этот момент href атрибут ссылки (если он существует) затем перенаправляется на.

(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);