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

我正试图从页面中删除一个div(最好是防止它加载)但是现在我正在解决页面加载后删除它。

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

 //  

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

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

如果你正在与另一个使用美元进行操作的库共享jQuery,你需要使用匿名包装器来防范它:

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

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

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

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

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

  

试试这个

  

要么

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

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

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

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

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

TypeError:$(…)。load不是函数

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

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

使用此代码

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

用这个:

  

希望这有帮助。

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

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

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

所以试试吧

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

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

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

我已经更新了小提琴

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

标记下的JS代码,没有在页面中添加onload,

  

这应该工作:)