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節點。