运行 jQuery 函数在 AJAX 加载上，初始页面加载除外

Question

我有一个使用 AJAX 更新结果的可过滤列表。我正在尝试添加一个简单的 JQuery 函数以在应用过滤器时滚动到第一项。它工作正常，除了滚动功能运行s 在初始页面加载以及 AJAX 过滤之后。我如何才能运行只有在更新过滤器时才这样做？

jQuery( document ).ajaxComplete(function( event, request, settings ) {
  jQuery('html, body').animate({
        scrollTop: (jQuery('#td-top-of-list').offset().top - 200)
    }, 500);
});

这是页面：https://galvestondiet.com/galveston-diet-recommended-physicians/

Answer 1

您页面上每个 ajax 已完成的请求都会出现这种情况。加载列表时需要从调用中抓取完成的事件。

$.ajax({
    url: "https://app.asana.com/-/api/0.1/workspaces/",
    type: 'GET',
    dataType: 'json', // added data type
    success: function(res) {
        fillYourList(res);
        jQuery('html, body').animate({
            scrollTop: (jQuery('#td-top-of-list').offset().top - 200)
        }, 500);
    }
});

Answer 2

感谢@benoit 的帮助。插件作者为我提供了完成的 AJAX 事件。这是工作片段...

    jQuery(document).ready(function( $ ){
        $( document ).on( 'jet-filter-content-rendered', function() {  // Completed event
            if($(window).width() > 767) { // Only scroll on tablet & desktop
                $([document.documentElement, document.body]).animate({
                    scrollTop: $("#top-of-physician-list").offset().top - 200
                }, 1000);  
            }
        });
    });

运行 jQuery 函数在 AJAX 加载上，初始页面加载除外

Run jQuery function on AJAX load except for initial page load

ajax

jquery