.on()이 예상대로 작동하지 않습니다.

모달이 나타났습니다. 다시 열었을 때 스크롤 막대가 맨 위에 있고 사용자가 놓아 둘 곳이 없었습니다. .on 및 scrollTop을 사용하고 있지만 작동하지 않습니다. 그러나 방화 광 콘솔에서 코드 행을 실행할 때 작동합니다..on()이 예상대로 작동하지 않습니다.

$("#mainContentWindow").on("click", ".question-toggler", function (event) { 
    $(".modal-body").scrollTop(0); 
    $("#helpSectionDialog").modal('show'); 


    var helpClass = $("#main-content-pane > div").attr("id"); 
    $(".help-content").hide(); 
    $(".help-content." + helpClass).show(); 
});

출처

2013-08-08 ndesign11

대화 상자를 표시 한 후 scrollTop을 실행하십시오. – dandavis

console.log는 페이지가로드 될 때 한 번만 실행되고 모달이 트리거되면 다시 실행되지 않는 것으로 보입니다. 다시 – ndesign11

선택자가 맞습니까? 당신의 HTML을 보지 않고 코드가 정확한지 말할 수는 없습니다. –

나는 jQuery와 Bootstrap을 사용하여이 문제를 직접 만났습니다. 애니메이션 된 scrollTop 즉시 (0의 지속 시간)있는 '표시된'이벤트에 대한 처리기를 추가하여 해결했습니다. 사업부가있을 때 스크롤 이동으로 인한 문제로 난 당신이보고있는 문제가 생각

// reset notice scrolling 
$('#notice').on('shown', function(){ 
    $('#noticeBody').animate({scrollTop:0}, 0); 
});

당신이 'noticeBody'의 몸 ID로 ID '통지'와 모달이 가정 숨겨져 있지만 마일리지는 다를 수 있습니다 (YMMV).

출처

2013-08-08 20:46:19

awesome !!!! thanks – ndesign11

.on()이 예상대로 작동하지 않습니다.

답변

관련 문제