jQuery UI 在 .hide ('blind' ).remove() 之后留下垃圾元素

Question

我有几个div用户在某些时候可以隐藏的元素。

当这种情况发生时，jQuery('div').hide('blind').remove();被触发，因此元素首先从视口(viewport)隐藏，然后从 DOM 中删除。当从 DOM jQuery-UI 中删除元素时，会留下一些垃圾容器(每个 div 隐藏并删除一个垃圾 div):

<div class="ui-effects-wrapper" style="font-size: 100%; background: none repeat scroll 0% 0% transparent; border: medium none; margin: 0px; padding: 0px; position: relative; width: 1032px; height: 0px; float: none; overflow: hidden;"></div>

现在我正在使用 jQuery('divs-wrapper-selector').find('.ui-effects-wrapper').remove(); 删除它们但我想知道为什么 jQuery-UI 这样做以及这是否有副作用。

Answer 1

您的 .hide() 调用未及时完成 .remove() 调用。您需要为 .hide() 方法提供回调，如下所示:

$('target-elem').hide('blind', function () {
  $(this).remove();
});

更多信息请参见http://api.jqueryui.com/hide/