代码之家  ›  专栏  ›  技术社区  ›  eozzy

灯箱未加载

  •  2
  • eozzy  · 技术社区  · 15 年前
    // 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。

    谢谢你的帮助。

    1 回复  |  直到 15 年前
        1
  •  4
  •   Jacob Relkin    15 年前

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