Conflit jQuery lors de la suppression d'une div après le chargement de la page

Question

J'essaie de supprimer une div de la page (de préférence en l'empêchant de se charger). mais pour l'instant je me contente de l'enlever après le chargement de la page.

Lorsque j'essaie les lignes de code suivantes dans jsFiddle , le #content est supprimée, comme prévu.

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

Cependant, j'ai également essayé de le mettre en œuvre sur un site web réel mais dans ce cas, le #content n'est pas supprimée.

Des suggestions sur ce qui pourrait être un problème ?

Answer 1

TypeError : $(...).load n'est pas une fonction

Il donne l'erreur ci-dessus au lieu de l'erreur ci-dessous car load est déprécié dans la nouvelle version de Jquery.

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

utiliser ce code

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

Answer 2

Vous utilisez le test jQuery avec onload,

Il faut donc ajouter la syntaxe onload dans jquery, sur votre site la déclaration n'a pas été appelée onload, c'est pour cela qu'elle ne fonctionne pas.

J'ai mis à jour fiddle

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

Le code JS sous <script> sans ajouter la balise onload dans la page,

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

cela devrait fonctionner :)

Answer 3

Cas de conflit avec jquery. Vous avez aussi le framework mootools sur la page.

J'ai également consulté la source de la page et j'ai trouvé la ligne suivante

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

Essayez donc ceci

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