2016-10-30 4 views
0

В настоящее время я использую функцию jquery draggable https://jqueryui.com/draggable/.Как остановить событие перетаскивания при двойном щелчке в jquery

$(".myclass").draggable({ }); 

Но я хочу остановить событие перетаскивания, когда пользователь дважды нажимает на элемент перетаскивания. Как это сделать? Можно ли остановить перетаскивание одним нажатием? По какой-то причине мой элемент перетаскивания имеет указатель мыши, и я не могу остановить перетаскивание.

спасибо.

+0

Я смущен. вы перетаскиваете, удерживая левую кнопку мыши. когда вы отпускаете кнопку мыши, элемент перестает перетаскиваться ??? –

+0

Не могли бы вы объяснить немного лучше, doubleclick/singleclick, как они должны влиять на поведение перетаскивания? – Viney

ответ

1

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 автоматически вызывается каждый раз, когда вы отталкиваете мышью от перетаскивания. Попробуйте применить это в своем коде, чтобы продолжить расследование, почему dragstop не вызывается в вашем случае.

http://codepen.io/jyloo/pen/mrZmjO

+0

ОК. я проголосовал за этот ответ. Но друг, пожалуйста, расскажите, как остановить двойное нажатие. –

+1

Возможно, вы хотите попробовать следующее: '$ (document) .dblclick (function() { $ (" .your-selector ") .draggable (" disable "); $ (" .your-selector ") .draggable («enable»); }); ' – jyloo

+0

привет, не могли бы вы проверить этот вопрос? http://stackoverflow.com/questions/40342500/jquery-draggable-event-changing-the-css-of-child-element –

Смежные вопросы