Lightbox未加载

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

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