可拖动,可放置和可排序的同时

时间:2013-06-12 20:03:03

标签: jquery-ui jquery-ui-sortable jquery-ui-draggable droppable resizable

我在这里有一些例子:http://jsfiddle.net/mfkDz/我想知道如何制作它:

#thing > draggable, resizable, sortable on #row ?
#div1 > droppable for #photo ?
#row > droppable and sortable horizontally for #thing 
#photo > draggable to #div1 but also when drag there to change css like #thing

和jquery UI代码:

$('#thing').draggable();
$('#thing').resizable();
$('#thing').sortable();

$('#row').droppable ({
    accept:('#thing');
    //how to make it sortable horizontally?
});

$('#photo').draggable();
$('#div1').droppable({
    accept:('#photo');
    //how to make it sortable vertically?
    //how to make when accept #photo to change ID to #thing and make it sortable there
}

0 个答案:

没有答案