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

Javascript 页面加载后删除div时jQuery冲突,javascript,jquery,Javascript,Jquery,我试图从页面中删除一个div(最好是阻止它加载) 但现在我决定在页面加载后删除它 当我尝试下面几行代码时,#contentdiv会像预期的那样被删除 <script type='text/javascript'>//<![CDATA[ $(window).load(function(){ $('#content').remove(); });//]]> </script> // 但是,我也尝试在上实现它,但是在这种情况下,#con

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

当我尝试下面几行代码时,
#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();
});