Jquery UI ziehbare Startfunktion Code

Question

Kann mir jemand diesen Start erklären: Funktionscode?

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

Answer 1

done ist eine definierte Variable (meist boolean), wenn es zu true gleich (und nicht falsch), dann kann der Benutzer zieht #car, #boat und #soccer. Dies kann es

$(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

Die start Funktion von draggable können Sie die Drag abzubrechen durch false zurück.
Hier können Sie die Knoten #car, #boat und #soccer nur dann ziehen, wenn die done var true ist.