PopEasy 모달 창에서 JScrollPane (사용자 정의 스크롤 막대)

Question

처음으로 게시 :-) 나는 어디에서나 답을 찾아 보았으므로 찾을 수 없습니다. 나는 jQuery 전문가는 아니지만 내 길을 찾는다.

PopEasy : http://thomasgrauer.com/popeasy 가 JScrollPane : 나는 JSscrollPane가 PopEasy 모달 창 내부 작업을 얻으려고 http://jscrollpane.kelvinluck.com/index.html

. 용어가 꺼져있을 수도 있지만 모달로드 후에 초기화해야한다고 생각합니다. 여기

이 PopEasy의 조동사의 코드입니다 : 기본적으로 당신은 링크와 모달 쇼를 클릭 : 나는 믿고있어

$('.scroll-pane').jScrollPane(); 

을 (그리고 희망 :

$('.modalLink').modal({ 
    trigger: '.modalLink', 
    olay:'div.overlay', 
    modals:'div.modal', 
    animationEffect: 'fadeIn', 
    animationSpeed: 300, 
    moveModalSpeed: 'slow', 
    openOnLoad: false, 
    docClose: true, 
    closeByEscape: false, 
    moveOnScroll: false, 
    resizeWindow: true, 
    close:'.close-button' 
}); 

보통을, JScrollPane의는 단지 것) 대답은 간단하고 나는 무언가를 놓치고 있습니다. 그러나 나는 완전히 이해하지 못하는 것을 시도해 보았습니다. :

jQuery(document).on('click','.modalLink',function($){ 
    $('.right-side').jScrollPane({}); 
}); 

도움이 필요 :-(

고마워!

Answer 1

jScrollPane은 초기화시 컨테이너를 계산하기 때문에 모달이로드 된 후 콜백을위한 API가 없기 때문에 모달이로드 된 후에 init/reinit를 수행하려고합니다. 약간 까다 롭습니다.

쉬운하지만 가난한 방법 아웃과 같이, 시간 제한을 추가하는 것입니다

jQuery(document).on('click','.modalLink',function($){ 
    setTimeout(function(){ 
     $('.right-side').jScrollPane({}); 
    }, 500); 
}); 

대안은 애니메이션이 완료되면 콜백을 실행 popeasy 콜백 기능을 추가하는 것입니다. 당신이 reinitsialize해야하는 경우 은 그렇게 같이 JScrollPane의 API에 액세스 할 필요가 : 대답에 대한

$(function() { 
    var pane = $('.right-side'); 
    pane.jScrollPane({}); 
    var api = pane.data('jsp'); 

    jQuery(document).on('click','.modalLink',function($){ 
     setTimeout(function(){ 
      api.reinitialise(); 
     }, 500); 
    }); 
});