jquery的UI可拖动启动功能代码

Question

有人可以解释我这一开始：功能代码？

$("#car, #boat, #soccer").draggable({ 
    start: function(event, ui) { 
     if (!done) 
      return false; 
    }, 
}); 

Answer 1

done是定义的变量（主要是布尔值），如果它等于true（而不是假），则用户可以拖动#car，#boat，和#soccer。这可以解释它

$(function(){ 
 
    
 
    var done = false; 
 
    $('#tg-done').on('click', function(){ 
 
     ((done) ? done = false : done = true); 
 
     $('p').text('`done` = ' + done); 
 
    }); 
 
    
 
    $(".draggable").draggable({ 
 
     start: function(event, ui) { 
 
     if(!done) return false; 
 
     } 
 
    }); 
 

 
});

.draggable { 
 
    width:100px; 
 
    height:100px; 
 
    background:#333; 
 
    border-radius:4px; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script> 
 
<button id="tg-done">Toggle `done`</button> 
 
<p>`done` = false</p> 
 

 

 
<div class="draggable"></div>

Answer 2

的draggable的start功能允许您通过返回false取消阻力。
只有当done var为true时，您才可以在这里拖动#car,#boat和#soccer节点。