[jquery-ui] jquery-ui draggable을 비활성화하려면 어떻게해야합니까?

Program / 글쓴이

예를 들어 UpdatePanel 포스트 백 중에 jQuery 드래그 가능을 비활성화하려면 어떻게합니까?

답변

DisableDrag (myObject) 및 EnableDrag (myObject) 함수를 만들 수 있습니다.

myObject.draggable( 'disable' )

그때 

myObject.draggable( 'enable' )

답변

드래그 가능한 동작을 일시적으로 비활성화하려면 다음을 사용하십시오.

$('#item-id').draggable( "disable" )

드래그 가능한 동작을 영구적으로 제거하려면 다음을 사용하십시오.

$('#item-id').draggable( "destroy" )

답변

jQuery에서 드래그 가능을 활성화 / 비활성화하려면 다음을 사용했습니다. 

$("#draggable").draggable({ disabled: true });

$("#draggable").draggable({ disabled: false });

@Calciphus 대답은 불투명도 문제로 인해 작동하지 않았으므로 다음을 사용했습니다.

div.ui-state-disabled.ui-draggable-disabled {opacity: 1;}

모바일 장치에서도 작동했습니다.

코드는 다음과 같습니다. http://jsfiddle.net/nn5aL/1/

활성화비활성화드래그 가능jquery불투명문제HTML

답변

드롭시 드래그 가능을 비활성화하는 방법을 알아내는 데 시간이 조금 걸렸습니다 ui.draggable. 드롭 함수 내부에서 드래그되는 객체를 참조하는 데 사용 합니다.

$("#drop-target").droppable({
    drop: function(event, ui) {
        ui.draggable.draggable("disable", 1); // *not* ui.draggable("disable", 1);
        …
    }
});

HTH 누군가

답변

아무도 원본 문서를 보지 않은 것 같습니다. 당시는 없었을지도 모릅니다))

비활성화 된 옵션을 지정하여 드래그 가능 항목을 초기화합니다.

$( ".selector" ).draggable({ disabled: true });

초기화 후 비활성화 된 옵션을 가져 오거나 설정합니다.

//getter
var disabled = $( ".selector" ).draggable( "option", "disabled" );
//setter
$( ".selector" ).draggable( "option", "disabled", true );

답변

대화 상자의 경우 draggable이라는 속성이 있으며 false로 설정합니다.

$("#yourDialog").dialog({
    draggable: false
});

질문이 오래되었지만 제안 된 솔루션을 시도했지만 대화 상자에서 작동하지 않았습니다. 이것이 나와 같은 다른 사람들에게 도움이되기를 바랍니다.

답변

다음은 내부의 모습입니다. .draggable({});

$("#yourDraggable").draggable({
    revert: "invalid" ,
    start: function(){
        $(this).css("opacity",0.3);
    },
    stop: function(){
        $(this).draggable( 'disable' )
    },
    opacity: 0.7,
    helper: function () {
        $copy = $(this).clone();
        $copy.css({
            "list-style":"none",
            "width":$(this).outerWidth()
        });
        return $copy;
    },
    appendTo: 'body',
    scroll: false
});