燈箱未加載

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