Как бросить перетаскиваемый объект в gridster

Кто-нибудь знает, можно ли перетащить перетаскиваемый элемент в gridster? http://gridster.net/#documentation

Это кажется отличным для моих целей, но вы можете добавить их в сетку, отбросив ее?

Я хочу перетаскивать изображения в gridster. Возможно ли? Могу ли я увидеть образец этого?

Если это невозможно, знаете ли вы какие-либо альтернативы?

Мне нужно перетаскивать изображения в отдельные места внутри div и иметь возможность сохранять позиции, а также перемещать изображения внутри холста.


drag-and-drop jquery draggable gridster
person user1261710    schedule 23.12.2012    source источник

Ответы (1)


arrow_upward
4
arrow_downward

Вы определенно можете это сделать. Это просто вопрос объявления перетаскиваемых и отбрасываемых элементов. Этот jsfiddle даст вам представление.

 $(".gridster ul").gridster({
    widget_margins: [5, 5],
    widget_base_dimensions: [50, 50]
});

var gridster = $(".gridster ul").gridster().data('gridster');
$("#draggable").draggable();
$(".gridster ").droppable({
    drop: function (event, ui) {
        $("#draggable").removeAttr("style");
        gridster.add_widget(
       '<li class="new">
           <img src="http://www.sparity.com/images/facebookIcon.jpg" alt="facebook"> 
        </li>', 1, 1);

    }
});
person Nupur    schedule 17.01.2013
comment
спасибо, но это всегда будет добавлять виджет в фиксированное место, а не виджет, куда вы его бросили. Gridster не отвечает на новый виджет, пока не будет вызван add_widget. Это немного странное поведение с точки зрения пользователя IMO. - person Julian; 25.09.2014
comment
Это справедливое замечание. Тем не менее, это начало решения. Его можно усложнить с помощью дополнительной информации. - person Nupur; 26.09.2014
comment
Ну, я думаю, что это пока невозможно в этой библиотеке. На Github есть запрос на аналогичную тему github.com/ducksboard/gridster.js. /вопросы/68. - person Julian; 26.09.2014