停止拖动时禁用拖动

Disable drag when drag stops

本文关键字：拖动      更新时间：2023-09-26

我有3个块（div）。当点击其中一个块时，div被选中，并且它可以被一个类看到。

我需要禁用元素的draggable（），因为即使在drag函数中也会停止。JS:

   $('#llens').on("click", "#mou", function (event) {
    $(this).parents(':eq(2)').draggable({
        disabled: false,
        containment: "parent",
        scroll: false,
        cursor: "move",
        delay: 200,
        start: function (e, ui) {
            remember = $(this).html();
            $(this).addClass('fantasma');
        },
        stop: function (e, ui) {
            $(this).removeClass('fantasma');
           // **WHEN IS STOPPED IT MAY DISABLE THE DRAG**
        }

    <div id="llens">
      <div class="bloc professor" id="bloc_profes" style="top:40px; left:200px; width:800px; height:200px " data-actiu="true"></div> 
      <div class="bloc text" id="bloc_text" style="top:100px; left:200px; width:800px; height:100px " data-actiu="false"></div> 
      <div class="bloc alumne" id="bloc_alumnes" style="top:200px; left:200px; width:800px; height:200px " data-actiu="false"></div>
    </div>

演示：http://fiddle.jshell.net/blackersoul/47YvE/5/

使用内置的destroy方法，如下所示：

stop: function (e, ui) {
          $(this).removeClass('fantasma').draggable('destroy');
      }

文档页面位于此处：http://api.jqueryui.com/draggable/#method-销毁

完全删除可拖动功能。这将返回元素返回到其初始前状态。

它在这里工作：http://fiddle.jshell.net/47YvE/8/

尝试更改可拖动元素的类，如：

removeClass("draggable").addClass("static");

你也可以添加类似的检查：

if(hasClass("draggable"){
removeClass("draggable").addClass("static")}
相关文章：