2016-12-02 1 views
2

을 확장 할 때 나는이 자바 스크립트를 활성화하려는 함수를 호출하려면 어떻게 :부트 스트랩 붕괴

jsPlumb.repaintEverything(); 

을 ...하고 말하는 경고 상자를 불 "나는 확대하고있어!" 사용자가 버튼을 클릭했을 때 this fiddle

누구든지 이것을 달성하는 방법을 알고 있습니까?

$('#demo').on('shown.bs.collapse', function() { 
    jsPlumb.repaintEverything(); 
}); 

Updated fiddle

참고이 이벤트가 발생 후 요소 확장 애니메이션이 완료되었음을 :

답변

1

당신은 부트 스트랩이 제기하는 shown.bs.collapse 이벤트를 사용할 수 있습니다. 애니메이션이 시작될 때 코드를 실행하려면 대신 show.bs.collapse을 사용하십시오.

0

귀하의 요구 사항을 지원하는 two events in Bootstrap이 있습니다.

show.bs.collapse -이 이벤트는 show instance 메소드가 호출 될 때 즉시 발생합니다. shown.bs.collapse -이 이벤트는 축소 요소가 사용자에게 표시 될 때 발생합니다 (CSS 전환이 완료 될 때까지 기다림).

"나는 확장 중입니다!"라는 경고 상자를 실행하십시오.

그래서 당신이 필요 다만하여 div 전에 트리거 show.bs.collapse

$('#demo').on('show.bs.collapse', function() { 
    jsPlumb.repaintEverything(); 
}); 

을 표시 될 때