Not sure what to tell you. It seems to work fine for me. Do you have the
same problem with the interface demos? I've always just drug DIVs. Maybe
just for testing, try replacing the LI with a span or div?

Good luck,
Erik

On 11/25/06, Felix Geisendörfer <[EMAIL PROTECTED]> wrote:

 Hi,

first of all, I love the Interface library, together with Thickbox it's
one of my favorite plugins (well it's more like a library) around.

Nevertheless I have a little problem with it. I currently am working on a
mockup for calendar (a big one, not a JS date picker) and use the Interface
library to make the Events drag & drop-able. The calendar itself is a table
of 7x5. Each day is represented with one <td>. If a day has events, then
there is also an <ul> element containing the events as <li>'s. For that
reason I make the <li> events Draggable and and <td>'s Droppable. When an
event (<li>) is dropped I either attach it to the <ul> element of that day,
or if that doesn't exist, create one first.

Everything works beautifully. The only issue is that there is always a 2-3
seconds delay before the dragged element reacts. That means I click on the
event, hold the mouse button and start to move and it takes 2-3 seconds
before the free-floating <li> elements starts to follow my mouse. So since
this would make for a poor user experience I'd love to fix it.

Please take a look at my code, and if you can see anything that could be
the performance bottle neck I'd be happy if you'd let me know about it ; ):
------------------------------------------------------------------------
-----------------------------------------------------
$('.calendar-view td').click(CalendarController.dayClick)
.Droppable(
{
    accept : 'event',
    activeclass: 'dropzoneactive',
    hoverclass:    'today',
    ondrop: function (drag)
            {
                var ul = $('ul', this);

                if (!ul.length)
                    ul = $('<ul></ul>').appendTo(this);

                $(drag).appendTo(ul).position('static');
            },
    fit: true
});

$('.calendar-view td li')
.Draggable(
{
    zIndex:     1000,
    ghosting:   true,
    opacity:    1
}
------------------------------------------------------------------------
-----------------------------------------------------

Many thanks in advance,

Felix Geisendörfer
--
--------------------------
http://www.thinkingphp.org
http://www.fg-webdesign.de

_______________________________________________
jQuery mailing list
[email protected]
http://jquery.com/discuss/



_______________________________________________
jQuery mailing list
[email protected]
http://jquery.com/discuss/

Reply via email to