jquery - 灯箱未加载

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

我想在第一次请求时加载脚本，但它似乎不起作用，页面只是重定向到链接的网站，不会在 lightbox 中打开 iframe。

感谢您的帮助。

Answer 1

您需要返回 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);