在页面加载后删除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,
这应该工作:)