javascript - 页面加载后删除 div 时发生 jQuery 冲突

Question

我正在尝试从页面中删除一个 div(最好完全阻止它加载)但现在我决定在页面加载后将其删除。

当我尝试以下代码行时 in jsFiddle , #content div 被删除，正如预期的那样。

<script type='text/javascript'>//<![CDATA[ 
  $(window).load(function(){
      $('#content').remove();
  });//]]>  
</script>

但是，我也尝试在 an actual website 上实现它，但在这种情况下，#content div 不会被删除。

有什么可能是错误的建议吗？

Answer 1

如果您要与另一个使用美元进行操作的库共享 jQuery，您需要像这样使用匿名包装器来防止它:

(function($) {
    $(window).on('load', function(){
        $('#content').remove();
    });
}(jQuery));

请注意，我使用的是 .on('load', fn) 而不是 .load()。

除了页面加载之外，您还可以将代码绑定(bind)到 DOM 上； jQuery 将自身作为第一个参数传递给内部函数:

jQuery(function($) {
    $('#content').remove();
});