jQuery.Colorbox after jQuery.scrollTo

Question

jQuery에서 두 개의 플러그인 (jquery.scrollTo 및 jquery.Colorbox)을 사용하고 있는데 문제가 있습니다. 아주 간단합니다.

내가하고 싶은 일은 scrollTo 이벤트가 끝난 직후에 colorbox를 시작하는 것입니다.

ScrollTo는 실제로 onAfter 설정으로 콜백을 지원하며 간단한 alert() 메시지와 함께 작동합니다. 그러나 colorbox를 실행하는 함수를 작성하면 작동하지 않습니다. colorbox가 scrollTo와 함께 실행됩니다 (창 스크롤 및 colorbox div가 열립니다).

나는 다음과 같은 코드가 있습니다

<script type="text/javascript"> 
$(document).ready(function(){ 
    function abreCbox(){ 
    $(".abrircbox").colorbox({width: "50%",inline: true, href:"#inline_example1"}) 
    } 

    $.scrollTo('#home',{offset: {left: -100, top: -100}}); 

    $.localScroll({ 
    axis: 'xy', 
    queue: true, 
    duration: 1800, 
    onAfter: abreCbox, 
    offset: {left: -100, top: -100} 
    }); 
}) 
</script> 

onAfter 기능이 어떻게 작동하는지 모르겠어요를, 그래서 = D

감사가 대단히 감사합니다 도움을 부탁 드려요.

Answer 1

당신은 문서가 준비 될 때 실행 의미, 당신의 $(document).ready(function() ... 내부 코드

function abreCbox(){ 
    $(".abrircbox").colorbox({width: "50%",inline: true, href:"#inline_example1"}) 
} 

의이 비트를 가지고있다.
onAfter 부분은 괜찮습니다. 함수 선언을 외부로 옮겨야합니다. 당신은 당신이 나중에 기능 abreCbox를 다시 사용합니다 예측할 수없는 경우

//for reuse later 
function abreCbox(){ 
$(".abrircbox").colorbox({width: "50%",inline: true, href:"#inline_example1"}) 
} 
$(document).ready(function(){ 
    $.scrollTo('#home',{offset: {left: -100, top: -100}}); 

    $.localScroll({ 
    axis: 'xy', 
    queue: true, 
    duration: 1800, 
    onAfter: abreCbox, 
    offset: {left: -100, top: -100} 
    }); 
}); 

, 다음과 같이 완전히 선언을 onAfter에 익명 함수를 통과하고 제거하는 것이 좋습니다 :

$(document).ready(function(){ 
    $.scrollTo('#home',{offset: {left: -100, top: -100}}); 
    $.localScroll({ 
    axis: 'xy', 
    queue: true, 
    duration: 1800, 
    onAfter: function(){ 
     $(".abrircbox").colorbox({width: "50%",inline: true, href:"#inline_example1"}); 
    }, 
    offset: {left: -100, top: -100} 
    }); 
});