nœud ne peut pas être inséré au point spécifié dans la hiérarchie « code: » 3

Question

Hé, il est encore moi avec une question sur jquery et que gridlayout j'ai fait un modèle de php avec le commutateur et le code je suis d'insertion est ce

<div id="wrapper"> 

<div id="grid"> 
<div class="box"><img src="img/an_005_BUR_thebeat.jpg" width="310px" height="438px" />3 index</div> 
<div class="box"><img src="img/an_014_GUE_homme_a.jpg" width="310px" height="404px" />4 Culture</div> 
<div class="box"><img src="img/an_044_BVL_springmotiv.jpg" width="310px" height="310px" />5 Pharma</div> 
<div class="box"><img src="img/an_039_AN_diskette.jpg" width="310px" height="465px" />6 Pharma IT</div> 
<div class="box"><img width="310px" height="100px" />7 Culture</div> 
<div class="box"><img width="310px" height="120px" />8 Cosmetics</div> 
<div class="box"><img width="310px" height="400px" />9 IT</div> 
<div class="box"><img width="310px" height="400px" />10 Culture</div> 
<div class="box"><img width="310px" height="400px" />11 IT</div> 
<div class="box"><img width="310px" height="400px" />12 Culture</div> 
</div> 

</div> 
    <script type="text/javascript"> 

    $(document).ready(function(){ 

     $('#grid').gridLayout('.box', {col_width: 340, min_cols: 2}); 
     // options - (values above are the defaults) 
     // col_width: the width of each grid block 
     // min_cols: the minimum number of cols on the page (reducing browser width below this will not decrease number of columns). Set to your largest block (3 = block spans 3 columns) 

     // gridLayout.placeAtEnd() - for placing a block at bottom right of grid 
     var final_block = $(''); 
     $('#grid').gridLayout.placeAtEnd(final_block); 

     // gridchange event fires when window resize forces a grid refresh 
     $('#grid').bind("gridchange", function(e){ 
      console.log('gridchange event fired'); 
      // reposition the final block 
      $('#grid').gridLayout.placeAtEnd(final_block); 
     }); 

     // this forces a redraw of grid 
     $('body').gridLayout.refresh(); 

     // returns heights of each column 
     console.log('gridLayout.info():', $('#grid').gridLayout.info()); 
    }); 

</script> 

Le script jquery et le plugin sont chargés dans l'en-tête. Quand j'essaye de courir ceci. Firebug me dit:

« nœud ne peut pas être inséré au point spécifié dans la hiérarchie » code: « 3 »

Ne quelqu'un sait comment résoudre ce problème?

Voici un exemple j'ai chargé: http://18735.webhosting7.1blu.de/neu/index.php?item=lifestyle

Answer 1

Je suis assez sûr que votre erreur est le suivant. Quel est $ ('')!

var final_block = $(''); 
$('#grid').gridLayout.placeAtEnd(final_block); 

Il fonctionne si je dis

var final_block = $('<div />'); 
$('#grid').gridLayout.placeAtEnd(final_block); 

Answer 2

Le message d'erreur est affiché (en Firebug) si vous avez HTML incorrect dans un constructeur $(), ainsi que lorsque vous essayez d'ajouter un noeud à lui-même, par exemple:

$div = $('<div />'); 
$div.append($div);