2016-03-23 10 views
0

Ben kılavuza yeni ve bir widget'ı yeniden boyutlandırmaya çalışıyorum. Ben bir widget oluşturduğunuzda ben> her < li> </li içindeGridster Vurulmamış TypeError ve Sürüklenebilir

<span class="gs-resize-handle gs-resize-handle-both"></span> 

ekleyin. Bunu, gridster web sitesinde birkaç widget yeniden boyutlandırma örneğinde kullanıldığını buldum.

Açıklığın üzerine geldiğimde farem elime dönüşür, ancak pencere aracının köşesini sürüklemeye çalıştığımda yalnızca widget'ı yeniden boyutlandıramazdım.

$(function(){ //DOM Ready 

    gridster= $(".gridster ul").gridster({ 
     widget_margins: [4, 4], 
     widget_base_dimensions: [182, 75], 
     helper: 'clone', 
     resize: { 
      enable: true 
     } 
    }).data('gridster'); 

    gridster.add_widget('<li class="dragItem Header">Header<span class="gs-resize-handle gs-resize-handle-both"></span></li>'); 
    gridster.add_widget('<li class="dragItem Summary">Summary<span class="gs-resize-handle gs-resize-handle-both"></span></li>'); 
    gridster.add_widget('<li class="dragItem Image">Image<span class="gs-resize-handle gs-resize-handle-both"></span></li>'); 
    gridster.add_widget('<li class="dragItem Image">Image<span class="gs-resize-handle gs-resize-handle-both"></span></li>'); 
    gridster.add_widget('<li class="dragItem LF">LF<span class="gs-resize-handle gs-resize-handle-both"></span></li>'); 
    gridster.add_widget('<li class="dragItem RF">RF<span class="gs-resize-handle gs-resize-handle-both"></span></li>'); 
    gridster.add_widget('<li class="dragItem LB">LB<span class="gs-resize-handle gs-resize-handle-both"></span></li>'); 
    gridster.add_widget('<li class="dragItem RB">RB<span class="gs-resize-handle gs-resize-handle-both"></span></li>'); 
    gridster.add_widget('<li class="dragItem Footer">Footer<span class="gs-resize-handle gs-resize-handle-both"></span></li>'); 

}); 

Sorularım ben sürükleyerek benim widget'ları yeniden boyutlandırılabilir hale nasıl geçerli:

İşte benim anonim fonksiyonudur. http://jsfiddle.net/Ljqep1a2/

cevap

1

Burada küçük bir hata yaptı:

enable: true 

enabled: true 
+0

Ben salağım olmalı! Teşekkür ederim! – PGrammer