灯箱没有加载

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