从v1.3.19更新到v1.4.6后,Colorbox不起作用

时间:2013-03-28 17:29:06

标签: javascript jquery colorbox

我将Colorbox.min.js文件从v1.3.19更新为v1.4.6,并且我的一些颜色框不起作用。我在页面和Chrome控制台上没有任何错误。

我查了changelog,但我找不到anser。你能帮忙吗?

(我使用jQuery 1.7.2)

  • 这不起作用:
<a href="#" onclick="emailDialog()">e-mail</a>
function emailDialog(){  
    $.fn.colorbox({  
        width:"700px", height:"550px",  
        iframe:true, href:"/contact",  
        opacity:0.6  
    });  
}
  • 这很有效:
<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%"  
    });  
}  

1 个答案:

答案 0 :(得分:1)

在没有.fn ... $.colorbox({...})

的情况下调用它

$.fn用于developing jQuery plugins,实际上只是shorthand for $.prototype)。

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

jsfiddle demo