jQuery没有立即生效

Question

我不知道如何真正描述我遇到的这个问题。

我有一个在这里加载了jquery的表：

<div class="row">
  <div class="col-md-12">

    <div id="table"></div>

  </div>
</div>

<script>
  function displayFFTabs() {
    $('#table').load('pages/front/locations/table.php', function() {});
  }

  displayFFTabs();
</script>

此表具有可信任的单元格，每次单击一个单元格（可能已编辑）然后单击该单元格时，该单元格应由此jquery处理。

$(function() {
  $("td[contenteditable=true]").blur(function() {
    var field_userid = $(this).attr("id");
    var value = $(this).text();
    $.post('pages/ajax/updateLocations.php', field_userid + "=" + value, function(data) {

    });
  });
});

我使用带有萤火虫的铬来发现潜在的问题。

我目前遇到的问题是当我加载页面时，如果我在做任何事情之前没有等待3-5秒，那么编辑的任何内容都不会保存到数据库中，因为它甚至没有显示在萤火虫中被称为。

例如，我只想说我加载页面 如果我立即点击任何单元格，除非我刷新页面并等待3-5秒，否则永远不会调用用于保存数据的jquery函数。

我被困在这里，并且会喜欢某个方向。