그래서 측면에서 메뉴가 토글되는 토글 버튼을 사용하고 있습니다. 왼쪽에서 들어오고 나갑니다. 또한 부트 스트랩을 사용하고 있으므로 행의 12 개 섹션 중 2 개를 차지하고 다른 div (div x라고 함)는 다른 10 개를 차지합니다. 버튼을 누르면 div 클래스도 전환됩니다. x를 사용하여 메뉴가 꺼져있을 때 전체 그리드 공간을 차지합니다. 문제는 애니메이션이 완료되기 전에 그리드 크기를 변경하여 페이지 맨 아래로 이동 한 다음 맨 위로 돌아갑니다. 메뉴가 토글 된 후에 div x 토글이 완료되기를 원합니다. 나는 그것을 함수의 다른 부분으로 옮기고 심지어 나중에 호출되는 다른 함수를 만들려고 시도했지만 동일한 문제가 발생합니다. 내가 가진 것은 다음과 같습니다.
$('#toggle,.contents').click(function() {
if ($('#toggle').is(':visible')) {
$('#moduleList').toggle('slide', {
direction: 'left'
}, 1000);
}else {
$('#moduleList').toggle('slide', {
direction: 'left'
}, 1000, function() {
});
}
$('#toggler').toggleClass('col-md-12 col-md-10');
});
도움을 주셔서 미리 감사드립니다!
$('#toggler').toggleClass('col-md-12 col-md-10');
빈 함수 안에 넣으 십시오. 애니메이션이 완료되면 @Rajesh가 언급 한 링크를 따라 함수를 호출해야합니다.
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다