jQuery Ajax跳转页面锚点时报offset()未定义错误是何原因

• 核心时序错误：修改window.location触发页面跳转是异步操作，跳转语句后写的滚动动画代码，是在当前未跳转的旧页面上执行的。旧页面DOM里根本不存在id="row_11"的元素，$('#row_11')返回空jQuery对象，空对象调用.offset()会返回undefined，读取top属性就会直接抛出类型错误。
• 功能看似正常的原因：这个报错发生在旧页面卸载流程中，不会阻断浏览器的跳转行为，新页面URL带的#row_11锚点会触发浏览器原生锚点定位，所以跳转效果看起来正常，但错误确实是旧页面执行无效滚动代码抛出的。
• 额外潜在问题：就算把滚动逻辑移到新页面，目标元素在jQuery DataTable中也可能无法直接获取——DataTable默认开启分页、延迟渲染特性，页面初始加载时只会渲染第一页的表格行，如果#row_11不在默认第一页，初始DOM里同样不存在这个元素，直接取.offset()依然会报错。

• 第一步：删掉Ajax成功回调里跳转语句之后的所有滚动代码，这部分在当前页执行完全没有意义，是报错的直接来源。
• 第二步：跳转时把需要定位的行标识通过URL参数传递，不要直接拼hash（避免和DataTable的路由/状态冲突），修改跳转代码为：

if (json.success) {
  window.location.href = '/view-log?targetRow=row_11';
}

• 第三步：在目标页面view-log的脚本中添加定位逻辑，必须等DataTable完成初始化、目标行渲染到DOM之后再执行滚动：

// 以下代码写在view-log页面的脚本中
$(function() {
  // 从URL读取目标行参数
  const urlParams = new URLSearchParams(window.location.search);
  const targetRowId = urlParams.get('targetRow');
  if (!targetRowId) return;

  // 监听DataTable初始化完成事件，替换#logTable为你实际的表格选择器
  $('#logTable').on('init.dt', function() {
    const table = $(this).DataTable();
    const $targetRow = $(`#${targetRowId}`);
    
    // 目标行已在当前页渲染完成，直接滚动
    if ($targetRow.length) {
      $('html, body').animate({
        scrollTop: $targetRow.offset().top - 100
      }, 500);
      return;
    }

    // 目标行不在当前页，监听表格重绘事件，渲染完成后再滚动
    table.on('draw.dt', function() {
      const $renderedTarget = $(`#${targetRowId}`);
      if ($renderedTarget.length) {
        $('html, body').animate({
          scrollTop: $renderedTarget.offset().top - 100
        }, 500);
        table.off('draw.dt');
      }
    });

    // 定位目标行所在分页，切换到对应页
    const allRowNodes = table.rows({search:'applied'}).nodes();
    const targetNode = document.getElementById(targetRowId);
    const rowIndex = allRowNodes.indexOf(targetNode);
    const pageSize = table.page.len();
    const targetPage = Math.floor(rowIndex / pageSize);
    table.page(targetPage).draw(false);
  })
})

内容的提问来源于stack exchange，提问作者ugsgknt