jQuery ScrollTop After Delay

Question

Этот код прекрасно работает для создания плавного перехода к следующему якорю на моей странице.

<script type="text/javascript"> 
    $("#blockTwo").on("click", ".child", function(e) { 
     $('html, body').delay(800).animate({ 
     scrollTop: $('#scrollThree').offset().top 
     }, 1500, "swing"); 
    }); 
    </script> 

Однако, поскольку содержание в элементе якоря загружается через AJAX после того, как событие щелчка анимация имеет скачок в середине пути через. Я думал, что могу обойти эту проблему, добавив задержку в анимацию, чтобы контент загружался до начала анимации. Не уверен, что это либо хорошая идея, либо возможно?

Благодаря

Answer 1

Вы должны поместить слушатель событий на родителях и иметь его пузырек вверх после того, как элемент размещен на странице с помощью ajax.

Обратите внимание на второй параметр on():

$(".parentElement").on("click", ".child", function(e) { 

Таким образом, для конкретного примера:

$("#blockOne").on("click", ".child", function(e) { 

Таким образом, когда .click загружается в через AJAX, это будет иметь слушателя предоставленный ему его статическим родителем #blockOne. Надеюсь, это имеет смысл.