Hộp màu không hoạt động sau khi cập nhật từ v1.3.19 đến v1.4.6

Question

Tôi đã cập nhật tệp Colorbox.min.js từ v1.3.19 thành v1.4.6 và một số hộp màu của tôi không hoạt động. Tôi không gặp bất kỳ lỗi nào trên trang và bảng điều khiển của Chrome.

Tôi đã kiểm tra changelog nhưng tôi không tìm thấy anser. Bạn có thể giúp đỡ không?

(Tôi sử dụng jQuery 1.7.2)

• này không hoạt động:

<a href="#" onclick="emailDialog()">e-mail</a> 

function emailDialog(){ 
    $.fn.colorbox({ 
     width:"700px", height:"550px", 
     iframe:true, href:"/contact", 
     opacity:0.6 
    }); 
} 

• này hoạt động tốt:

<a href="http://example.com/1.jpeg" class="colorbox-avatar" title="some title" rel="nofollow" >photo</a> 

$(document).ready(function() { 
    $(".colorbox-avatar").colorbox({ 
     rel:'colorbox-avatar', 
     scrolling: false, 
     current: "", 
     slideshow:true, slideshowAuto:false, 
     opacity:0.6, 
     width:"60%" , height:"60%" 
    }); 
} 

Answer 1

gọi nó mà không có sự .fn ... do đó $.colorbox({...})

($.fn được sử dụng cho developing jQuery plugins và thực sự chỉ là shorthand for $.prototype).

function emailDialog(){ 
    $.colorbox({ 
     width:"700px", height:"550px", 
     iframe:true, href:"/contact", 
     opacity:0.6 
    }); 
} 

jsfiddle demo