灯箱未加载

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