、 <p>私はここに2つの問題があります 1.グリッドスタックアイテムを得ることはできませんed。誰か助けてくれますか？ 2.第二に、私はすべてのヘルプは何も</p> <p>に必要な場合、私はまた、より多くの明快さを提供することができます大幅に 理解されるであろう内容</p> <p>に一致するようにその高さを高めるために、グリッド・スタック項目のコンテナーを拡張することはできませんよありがとう</p>

Question

ワーキング機能ありえない（基本構造）

<div class="grid grid-stack"> 
<div class="grid-item cards grid-stack-item" data-gs-width="4" data-gs-height="2"> 
    <div class="inner-grid"> 
    </div> 
</div> 
<div class="grid-item cards grid-stack-item" data-gs-width="4" data-gs-height="2"> 
    <div class="inner-grid"> 
    </div> 
</div> 
<div class="grid-item cards grid-stack-item" data-gs-width="4" data-gs-height="2"> 
    <div class="inner-grid"> 
    </div> 
</div> 
<div class="grid-item cards grid-stack-item" data-gs-width="4" data-gs-height="2"> 
    <div class="inner-grid"> 
    </div> 
</div> 
<div class="grid-item cards grid-stack-item" data-gs-width="4" data-gs-height="2"> 
    <div class="inner-grid"> 
    </div> 
</div> 
<div class="grid-item cards grid-stack-item" data-gs-width="4" data-gs-height="2"> 
    <div class="inner-grid"> 
    </div> 
</div> 
<div class="grid-item cards grid-stack-item" data-gs-width="4" data-gs-height="2"> 
    <div class="inner-grid"> 
    </div> 
</div> 
<div class="grid-item cards grid-stack-item" data-gs-width="4" data-gs-height="2"> 
    <div class="inner-grid"> 
    </div> 
</div> 

スクリプトが

<script type="text/javascript"> 
    $(function() { 
     var options = { 
      cellHeight: 80, 
      verticalMargin: 10, 
      columns: 14, 
      acceptWidgets: '.',  
      animate: true, 
      handle: '.draghandle', 
      float: true, 
      draggable: {handle: '.-content', scroll: true, appendTo: 'body'}, 

     }; 
     $('.grid-stack').gridstack(options); 
    }); 

下にあるドラッグgridstack.jsで

Answer 1

1）あなたのマークアップに存在しないドラッグハンドル.-contentを指定しています！

2彼らは行列であるため）Gridstack項目は明らかにあなたがより多くの高さを持っているアイテムをしたい場合は、data-gs-height="x"

を経由して明示的に指定する必要があります、一定の幅と高さを持っています