在页面加载后删除div时jQuery冲突

Question

我正在尝试从页面中删除一个div（最好阻止它加载）但是现在我正在解决页面加载后删除它。

当我在jsFiddle中尝试以下代码行时 ，会按预期删除#content div。

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

但是，我也尝试在实际网站上实现它，但在这种情况下，＃ #content div不会被删除。

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

Answer 1

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

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

请注意，而不是.load（）我使用.on（'load'，fn）。

您可以将您的代码绑定在DOM上，而不是页面加载; jQuery将自身作为内部函数的第一个参数传递：

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

Answer 2

你的$变量由于某种原因没有指向jQuery。

<script type='text/javascript'>
    window.$ = jQuery;
    $(window).load(function()
    {

        $('#content').remove();
     });
</script>

Answer 3

用这个：

<script type="text/javascript">
var node = document.getElementById('content'); 
if(node.parentNode)
{ 
node.parentNode.removeChild(node);
}
</script>

希望这有帮助。

Answer 4

试试这个

<script type='text/javascript'> 
    $(document).ready(function(){
         $('#content').remove();
    });
</script>

要么

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

Answer 5

这是因为当你调用$(window).load()时你有一个javascript错误。

Uncaught TypeError: Object [object global] has no method 'load'

此外，您应该更好地使用document.ready，因为内容将被更快地删除（不需要等待加载所有图像）。

//shorthand for $(document).ready()
$(function(){
    $('#content').remove();
});

Answer 6

TypeError：$（...）。load不是函数

它在上面给出错误而不是低于1，因为在新版本的Jquery中不推荐使用load

$(window).load(function(){
});

使用此代码

$(function(){
 // your code here
})

Answer 7

您正在使用onload进行jQuery测试，

所以你必须在jquery中添加onload语法，在你的站点上语句没有被称为onload，这就是为什么它不起作用

我已经更新了小提琴

http://jsfiddle.net/MarmeeK/FRYsJ/3/

<script>标记下的JS代码，没有在页面中添加onload，

<script type="text/javascript">
    $(document).ready(function(){$('#content').remove();});
</script>

这应该工作:)

Answer 8

jquery冲突的案例。 你在页面上也有mootools框架。

我也做了一个页面的“查看源代码”，我发现了这一行

$j = jQuery.noConflict();  //line 132

所以试试吧

$j('#content').remove();
Or
jQuery('#content').remove();