ansaurus

Question

Jquery UI - Sortable & Draggable revert speed

Answer 1

+1 A:

There's nothing wrong with the code... except that it was invalid. You had a incorrectly closed tag, and other oddities inside the code that once cleaned up resolved the problem. I think. Unless it isn't what you was asking about.

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
<html xmlns="http://www.w3.org/1999/xhtml"&gt;
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Untitled Document</title>
    </head>

    <body>
        <ul id="k1" style="width:350px; height:350px; margin:20px;">
            <li>One</li>
            <li>Two</li>
            <li>Three</li>
        </ul>
        <hr />
        <ul style="width:350px; height:350px;">
            <li class="gt">Four</li>
        </ul>
    </body>
</html>

CSS:

body {
    font-size: 12px;
}

li{
    border:1px solid #444444;
    background-color:#AAAAAA;
    padding:10px;
    margin:10px;
}

jQuery:

$("#k1").sortable({   revert: '100'  });
$('.gt').draggable({ connectToSortable: '#k1', revert: 'invalid', revertDuration: 100 });

Edit: Sorry, I misread the question. The code was slightly confusing, and I missed the problem. The solution is a little bit of a kludge, but I think it will work.

var original = $('#k1');

original.sortable({ revert: 100  });
$('.gt').draggable({
    connectToSortable: original,
    revert: 'valid',
    revertDuration: 100,
    stop: function(event, ui) {
        original.sortable("option", "revert", 100);
    }
});

Basically it re-set the revert option on the k1 div after .gt is dropped.

Yi Jiang 2010-08-12 14:02:05

Sort the list = revertspeed is 100 ..... Drop the four into the list and sort = revertspeed is slow

Peter 2010-08-12 14:13:44

Most likely, yes - a fringe case probably? I don't know...

Yi Jiang 2010-08-12 14:16:11

Thanx! It works, only the dropspeed is slow. http://www.jsfiddle.net/V9Euk/100/ ...

Peter 2010-08-12 14:31:45

ansaurus

tags:

views:

answers:

Jquery UI - Sortable & Draggable revert speed

related questions