Link_to与colorbox jquery

Question

请告诉我我做错了什么。我的观点：

<div id='profile_galery'>       
    <ul>
    <li class='big'><%=link_to image_tag(@profile.user.get_avatar(:large) ), @profile.user.get_avatar(:very_large), :class => 'colorbox'%></li>

我的js：

  $(document).on("ready page:change", function() {
    $(".colorbox").colorbox();
});

但是当我点击图片时它没有显示 - 只有在页面重新加载后才有效。