2009-07-13 7 views
5

ねえ、それはjqueryのについての質問で私を再度だとgridlayoutことを私はスイッチと、私が挿入していたコードとPHPのテンプレートを作っこのノードが階層内の指定された位置に挿入することができない3

です
<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> 

jqueryスクリプトとプラグインがヘッダーにロードされています。私はこれを実行しようとするとき。 Firebugのは、私に語った:

コード「ノードは、階層内の指定された位置に挿入することができません」:「3」

は、誰もがこの問題を解決する方法を知っていますか?ここで

は私がアップロードされた例である:http://18735.webhosting7.1blu.de/neu/index.php?item=lifestyle

+0

このエラーはどの回線に表示されますか。 – peirix

+0

フルマークアップが役立ちます。エラーはあなた(プラグイン)が無効な親にノードを挿入しようとしていることを意味します。例えば、テーブルにtdを挿入します。 – redsquare

+0

またはjsbin.com – redsquare

答えて

6

私はあなたのエラーは、以下であるかなり確信しています。 $( '')とは何ですか?

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

それはあなたのノードを追加しようとするだけでなく、私は

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

これは誤りではありません。この変数では、divを置くことができます.tpが最後に表示されるようにします。私はそれを必要としなかったので空にしました。 – mourique

+0

あなたは正しいです、エラーはなくなりました。しかし、まだグリッドは配置されていません。それは別の下にdivを置くだけです。 – mourique

+2

クール、質問は答えた:)私はあなたの次の問題のために別の質問をするだろう。それは(Googleなどで見つけにくい)この質問の下で開催されている回答ではなく、同じ問題を抱えている他の人に役立つでしょう – redsquare

3

言うあなたは$()コンストラクタで間違ったHTMLを持っている場合、エラーメッセージが(放火魔に)表示された場合に動作します例:

$div = $('<div />'); 
$div.append($div); 
関連する問題