Jquery UI可拖动启动功能代码

Question

有人能解释一下这个开头：功能代码吗？

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

Answer 1

start的{​​{1}}功能可让您通过返回draggable取消拖动。
您只能在false var为#car时拖动#boat，#soccer和done节点。

Answer 2

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

＆＃13;

＆＃13;

$(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;
      }
  });

});

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;