JQuery UI Sortable «CursorAt» не обновляется после изменения переменной

Question

Проблема: Всякий раз, когда я меняю значение на Sortable CursorAt Left после инициирования, новое значение не обновляет Sortable.

Вот функция Javascript

var cursorL = 100; 
$('.s').sortable({ 
    helper:'clone', 
    cursorAt: {left:cursorL, top:0} 
}); 
$('.s').disableSelection(); 
$('.me').click(function(){ 
    cursorL = 50; 
    $('.s').sortable('refresh'); 
}); 

http://jsfiddle.net/kofr6f8u/ является работоспособным примером. Он отлично показывает центр. Однако после того, как вы нажмете кнопку и измените значение cursorL, сортировка не изменится вместе с ней.

Цель: Я хочу, чтобы курсор всегда указывал на центр вспомогательного элемента или элемент перетаскивания. Когда окно изменяет размер, элемент помощника или перетаскивания также изменит размер в зависимости от размера окна; таким образом изменяя положение CursorAt (слева, справа).

Решение, которое я предпринял. Внесение изменений в функцию Sortable ('start'). Это тоже не сработало. Добавление в Sortable ('refresh')

Есть ли способ обновить элемент Sortable curosrAt после изменения элемента?

Благодарим за любые советы!

Answer 1

По sortable widget docummentation refresh:

Обновлять сортируемых элементов. Запускает перезагрузку всех сортируемых элементов, вызывая распознавание новых элементов.

Используется для "Регистрация" Новинки. Кажется, он не затрагивает изменения настроек.

---

Использование option для установки cursorAt после инициализации:

$('.me').click(function(){ 
    $(".s").sortable("option", "cursorAt", { left:50, top:0 }); 
}); 

JSFiddle