为什么即使在.on委托方法之后进行DOM更改，JQuery也不起作用

Question

如果从元素到窗口底部的距离小于下拉菜单的高度，则我有一个jquery函数，它将bootsrap下拉菜单交换为下拉菜单。它工作正常，直到更新DOM并在窗口底部添加了一些内容（例如，扩展了新部分或某些菜单）为止。到元素的新距离不会被考虑。我尝试使用.on方法进行委派，以检查DOM是否得到更新，但这不能解决问题。

$('.dropdown').on('click', function(){
  var elemDistanceToBottom = $(window).height() - $(this).offset().top;
  if($('.dropdown-menu').height()>elemDistanceToBottom ){
     $(this).closest(".dropdown-fix").addClass("dropup");
  }
});