Javascript 页面加载后删除div时jQuery冲突
我试图从页面中删除一个div(最好是阻止它加载) 但现在我决定在页面加载后删除它 当我尝试下面几行代码时,Javascript 页面加载后删除div时jQuery冲突,javascript,jquery,Javascript,Jquery,我试图从页面中删除一个div(最好是阻止它加载) 但现在我决定在页面加载后删除它 当我尝试下面几行代码时,#contentdiv会像预期的那样被删除 <script type='text/javascript'>//<![CDATA[ $(window).load(function(){ $('#content').remove(); });//]]> </script> // 但是,我也尝试在上实现它,但是在这种情况下,#con
#content
div会像预期的那样被删除
<script type='text/javascript'>//<![CDATA[
$(window).load(function(){
$('#content').remove();
});//]]>
</script>
//
但是,我也尝试在上实现它,但是在这种情况下,#content
div没有被删除
关于可能出现的问题有什么建议吗?请使用以下方法:
<script type="text/javascript">
var node = document.getElementById('content');
if(node.parentNode)
{
node.parentNode.removeChild(node);
}
</script>
var node=document.getElementById('content');
if(node.parentNode)
{
node.parentNode.removeChild(节点);
}
希望这有帮助。试试这个
<script type='text/javascript'>
$(document).ready(function(){
$('#content').remove();
});
</script>
这是因为调用
$(window.load()
时出现javascript错误
此外,您应该更好地使用,因为内容删除速度更快(无需等待所有图像加载)
TypeError:$(…)。加载不是函数
在Jquery的新版本中,由于不推荐使用load,所以它给出的是上面的错误,而不是下面的错误
$(window).load(function(){
});
使用此代码
$(function(){
// your code here
})
您正在使用带onload的jQuery测试 因此,您必须在jquery中添加onload语法,在您的站点上,该语句不被称为onload,这就是它不起作用的原因 我更新了小提琴
http://jsfiddle.net/MarmeeK/FRYsJ/3/
标签下的JS代码,无需在页面中添加onload
<script type="text/javascript">
$(document).ready(function(){$('#content').remove();});
</script>
$(document).ready(function(){$('#content').remove();});
这应该是有效的:)在jquery冲突的情况下。页面上也有mootools框架 我还做了一个“查看来源”的网页,我发现了这一行
$j = jQuery.noConflict(); //line 132
所以试试这个$j('#content').remove();
Or
jQuery('#content').remove();
由于某种原因,$变量没有指向jQuery
<script type='text/javascript'>
window.$ = jQuery;
$(window).load(function()
{
$('#content').remove();
});
</script>
window.$=jQuery;
$(窗口)。加载(函数()
{
$(“#内容”).remove();
});
如果您正在与另一个使用美元进行操作的库共享jQuery,您需要使用匿名包装器,像这样防范它:
(function($) {
$(window).on('load', function(){
$('#content').remove();
});
}(jQuery));
请注意,我使用的不是.load(),而是.on('load',fn)
您还可以将代码绑定到DOM ready上,而不是页面加载;jQuery将自身作为第一个参数传递给内部函数:
jQuery(function($) {
$('#content').remove();
});
请注意,从jQuery 1.8开始,它就被弃用了。为什么不在$(document).ready(function(){该代码只清空节点内容。
(function(){var node=document.getElementById('content');if(node.parentNode)node.parentNode.removeChild(node);}())
将是删除节点的正确代码。嗯,我尝试了这个。仍然不起作用,我也尝试过删除其他div id或类来替换内容。但是它们仍然显示。这可能是某个地方的javascript错误吗?你能在这个更改后更新页面并粘贴链接吗。不错的网站正在创建,但其他一些css可能会被删除。T除非有两个同名的ID,否则他工作正常。如果你有疑问,首先检查。。
<script type='text/javascript'>
window.$ = jQuery;
$(window).load(function()
{
$('#content').remove();
});
</script>
(function($) {
$(window).on('load', function(){
$('#content').remove();
});
}(jQuery));
jQuery(function($) {
$('#content').remove();
});