Gridster динамически добавленный виджет make draggable

Question

Я искал ответ на это некоторое время. Единственная тема, которую я нашел, была связана с this. Однако на это, похоже, не ответили.

Мой вопрос: если я добавлю новый виджет к моему объекту gridster динамически, этот виджет не перетаскивается, хотя мне это нужно. Как достичь этой функциональности?

мой объект Gridster создается как например:

$(function(){ 
    gridster = $(".gridster ul").gridster({ 
     widget_base_dimensions: [gridbase_x, gridbase_y], 
     widget_margins: [5, 5], 
     helper: 'clone', 
     resize: { 
     enabled: true 
     } 
    }).data('gridster'); 
    }); 

И мои виджеты добавлены как таковые:

  gridster.add_widget("<iframe id=\"myframe\" src=\"web/widgets/"+wname+".html\" width=\""+wwidth+"\" height=\""+wheight+"\" frameborder=\"0\"></iframe>", wblocks, hblocks, 1, 2); 

Можно предположить, что параметры в HTML виджета правильно, я испытал это ,

Answer 1

gridster.add_widget("<iframe id=\"myframe\" src=\"web/widgets/"+wname+".html\" width=\""+wwidth+"\" height=\""+wheight+"\" frameborder=\"0\"></iframe>", wblocks, hblocks, 1, 2); 

Приведенный выше код не будет работать, если вы должны добавить Li тег в add_widget функции как

gridster.add_widget("<li class="gw_s"><iframe id=\"myframe\" src=\"web/widgets/"+wname+".html\" width=\""+wwidth+"\" height=\""+wheight+"\" frameborder=\"0\"></iframe></li>", wblocks, hblocks, 1, 2);