현재 jquery draggable 함수 https://jqueryui.com/draggable/을 사용하고 있습니다.jquery 더블 클릭 이벤트 드래그를 중지하는 방법
$(".myclass").draggable({ });
하지만 사용자가 드래그 요소를 두 번 클릭하면 드래그 이벤트가 중지됩니다. 이 작업을 수행하는 방법? 한 번의 클릭으로 드래그를 멈출 수 있습니까? 웬일인지 나의 끌어 들이기 요소는 마우스 포인터와 함께있다. 그리고 나는 끌기를 멈출 수 없다.
감사합니다.
마우스를 놓을 때 끌기가 자동으로 멈춰야합니다. HTML
<body>
<div id="draggable" class="ui-widget-content">
<p>Drag me around</p>
<p id="position"></p>
<p id="event"></p>
</div>
</body>
JS
$(function() {
$("#draggable").draggable({
scroll: false,
drag: function(event, ui) {
$('#position').html(
'Left : ' + ui.position.left + '<br/>' +
'Top : ' + ui.position.top
);
},
start: function(event, ui) {
$('#event').html("Dragging");
},
stop: function(event, ui) {
$('#event').html("Stopped");
}
});
});
상기 샘플을보십시오. dragstop 이벤트는 마우스를 드래그에서 놓을 때마다 자동으로 호출됩니다. 코드에서 이것을 적용하여 왜곡 효과가 호출되지 않는지 더 자세히 조사하십시오.
확인. 나는이 대답에 투표했다. 그러나 친구는 두 번 클릭으로 끌기를 멈출 수있는 방법을 알려줄 수 있습니까? –
아마도 이것을 시도하고 싶을 것이다 : $ (document) .dblclick (function() { $ (".your-selector") .draggable ("disable"); $ (".your-selector") .draggable "enable"); }); ' – jyloo
안녕하세요,이 질문을 확인해주세요. http://stackoverflow.com/questions/40342500/jquery-draggable-event-changing-the-css-of-child-element –
혼란 스럽습니다. 마우스 왼쪽 버튼을 누른 상태로 드래그합니다. 마우스 버튼을 놓으면 요소가 끌리는 것을 멈 춥니 다 ??? –
더 나은 설명을 해주십시오. doubleclick/singleclick 어떻게 끌기 동작에 영향을 주나요? – Viney