Что не так с запуском мыши в режиме перетаскивания?

Question

Я пытаюсь отключить перетаскивание jquery, когда я добираюсь до края контейнера (ограничения на ось x). Here's код:

var draggable = $("#drag-draggable"); 
var draggableWidth = draggable.width(); 
var draggableParentWidth = $('#drag-wrapper').width(); 
draggable.draggable({ 
    axis: "x", 
    containment: "parent", 
    drag: function (e, ui) { 
    if ((draggableRight = ui.position.left + draggableWidth) == draggableParentWidth) { 
     draggable.trigger('mouseup'); 
     console.log("finished"); 
    } 
    } 
}); 

Факт: когда я достигаю края (слева) mouseup срабатывает, но он бросил ошибку: Uncaught TypeError: Cannot read property '0' of null(…)

Что остановить сопротивление, в результате чего не завершена (I можно увидеть несколько пикселей слева от красного окна).

Почему я не прав?

Answer 1

Используйте этот fiddle:

JS:

var draggable = $("#drag-draggable"); 
var draggableWidth = draggable.width(); 
var draggableParentWidth = $('#drag-wrapper').width(); 
draggable.draggable({ 
    axis: "x", 
    containment: "parent", 
    drag: function (e, ui) { 
    var draggableRight = draggable.position().left + draggableWidth; 
    if (draggableRight >= draggableParentWidth) { 
    e.preventDefault(); 
     draggable.trigger('mouseup'); 
     console.log("finished"); 
     //e.stopPropagation(); 
    } 
    } 
}); 

draggable.on('mouseup',function(){ 
console.log('hit'); 
});