JQuery Draggable Helper Clone Position Offset from Cursor After Scroll

Question

В настоящее время я использую JQuery 2.0.3 и JQuery UI 1.10.4. Я пытаюсь использовать Draggable API. Мой список перетаскиваемых элементов проходит по длине страницы. При попытке перетащить элемент после прокрутки элемент больше не находится под курсором. Он отображается под курсором. Его расстояние от курсора увеличивается с тем, как далеко вниз я прокручивал.

Эта проблема возникает как в Chrome, так и в Firefox, но является функцией propertt в Safari. Я удалил все CSS и оставил только код Draggable неповрежденным, и проблема не устранена. Любая помощь в решении этой проблемы очень ценится. Пожалуйста, дайте мне знать, если вам нужна дополнительная информация. Ниже приведены HTML и JS сегменты:

HTML (генерируется из PHP):

echo '<div id="container">'; 
echo '<div id="category">'; 
    echo '<ul>'; 
     foreach ($items as $item) { 
      echo '<li class="item">', $item['itemName'], '</li>'; 
     } 
    echo '</ul>'; 
echo '</div>'; 

эхо '';

JS:

$(function() { 
    $('#category li').draggable({ 
     appendTo: 'body', 
     helper: 'clone', 
     connectToSortable: '#cart ul' 
    }); 
}); 

Заранее спасибо за любую помощь.

Answer 1

Проверьте следующее: jsFiddle. Сначала я использовал Google CDN и смог увидеть проблему. Но затем я обновил ссылку на Jquery UI JS и JQuery UI CSS. Вам не нужно добавлять ссылку css, но попробуйте использовать ссылку js и посмотрите, работает ли она для вас.

код остается прежним:

$(function() { 
    $('#category li').draggable({ 
     appendTo: 'body', 
     helper: 'clone', 
     connectToSortable: '#cart ul' 
    }); 
}); 

Answer 2

я столкнулся с той же проблемой. Я разрешаю это, когда удаляю appendTo: body.

попробовать этот код

$('#category li').draggable({ 
     helper: 'clone', 
     connectToSortable: '#cart ul' 
    });