Problem with the draggble UI at 480X320

I have a problem with JQuery in that when I use the draggable UI under lower resolution settings (480X320) the draggable element does not respond properly.

What happens is that when the user clicks onto the draggable video element it moves without problem, but if you click off and back on it again, the moment the mouse moves, the cursor drops to below the video element. If the element goes back to its original position (as its using revert: invalid) the video goes back to a higher position, which looks like its the normal position plus the increase.

The code im using is: -

       $(".drag").draggable({
        hosting: true,
        opacity: 0.5,
        revert: 'invalid',
        snapTolerance: false
        });



        $( ".selector" ).draggable( "option", "snapTolerance", 40 )
        $(".roundedVideoDrop").droppable({
        activeClass: 'highlight',
        hoverClass: 'highlight-accept',
        drop: function(event, ui){
        var id1 = '#' +  $(this).attr('id');
        $(id1).css('border-color','green');
        var colour = ($(id1).css("border-color"));

Does anyone have any idea what could be causing the problem?

Thanks a lot

ansaurus

tags:

views:

answers:

Problem with the draggble UI at 480X320

related questions