Search jQuery

jQuery Forum

Stop dragging with a conditional when condition is reached: issues

in Using jQuery UI • 11 years ago

Hi there, I've been reading the post:
https://forum.jquery.com/topic/how-to-cancel-drag-while-dragging
People suggest to use trigger('mouseup') to stop the dragging and it really stops it, but it will return an error:

this.helper is null

You can check it with this code:

<script type="text/javascript">
function stopit()
{
    if($('#draggy').offset().left > 400)
    {
        $('#draggy').trigger('mouseup');
    }
}
$(document).ready(
    function()
    {
        $('#draggy').draggable(
        {
            axis:    'x',
            drag: function(event, ui)
            {
                stopit();
            }
        });
    }
);
</script>

If you try the following code, you will see that the 'disable' method only takes effect after the mouse is up, so it is not good to take real time actions.

<script type="text/javascript">
function stopit()
{
    if($('#draggy').offset().left > 400)
    {
        $('#draggy').draggable('disable');
    }
}
$(document).ready(
    function()
    {
        $('#draggy').draggable(
        {
            axis:    'x',
            drag: function(event, ui)
            {
                stopit();
            }
        });
    }
);
</script>

I wonder how to achieve this simple task: stop the dragging when reached a certain value.
Can somebody help me with this??

Replies(1)

igguana26

Re: Stop dragging with a conditional when condition is reached: issues

11 years ago

Is the answer too difficult or too obvious?
I can't fix it by myself.
Will somebody help me?

naaaaame

Re: Stop dragging with a conditional when condition is reached: issues

11 years ago

in your revert logic, you can set it's top and left to 0px to revert the drag. like this:

$('#my_drag_div').css('top','0px');

$('#my_drag_div').css('left','0px');

this can make the drag div to it's original position immediately.

chongz

Re: Stop dragging with a conditional when condition is reached: issues

10 years ago

maybe you can try this,but I still get an error like this " Uncaught TypeError: Cannot read property 'type' of undefined ".

$("#draggy'").draggable(
{
axis:'x',
drag:function(event,ui){
console.log(ui.position.left);
var left = ui.position.left;
if(left>=0){
console.log("i want to stop >=0.");
$(this).trigger("mouseup");
return;
}

}
}
);

Top Reply

Response title

Attachments

jQuery Forum

Stop dragging with a conditional when condition is reached: issues

Replies(1)

Re: Stop dragging with a conditional when condition is reached: issues

Re: Stop dragging with a conditional when condition is reached: issues

Re: Stop dragging with a conditional when condition is reached: issues

Statistics

Tags

Actions