javascript - jQuery 绑定(bind)长度的变化

Question

我有一个正在通过 Ajax 更新的表。我想在添加新数据时做一些事情，但由于变化是外观上的，它应该由预加载的 JS 完成，而不是 Ajax 返回的 JS。

我正在寻找像 $('table tr').length.change( ... ) 这样的东西，所以我可以做这样的事情

$('table tr').length.change( function() {
  if ($('table tr').length>1) $('table').show() else $('table').hide()
}

Ajax 返回的 JS 会做这样的事情(比如在 Rails 中)

$('table').append('<tr> <td><%= @person.name %></td> <td><%= @person.age %></td> </tr>')

(在 Rails 中，这将在一些 /app/views/container_name/method_name.js.erb 中)

Answer 1

你可以使用 pub-sub方法。

$('table')
   .append('<tr> <td><%= @person.name %></td> <td><%= @person.age %></td> </tr>')
   .trigger('tableModified');

然后在您的布局/设计中，

$('table').on('tableModified',function(){
    if ($('tr', this).length>1) $(this).show() else $(this).hide()
});

这样您的表格代码就不必知道您的布局/设计或任何其他可能需要知道表格何时被修改的信息。