Question

我有2个div，一个是对象，一个是切换器，在我的函数中，我需要类似.toggle()的东西，但这在我用于它的代码类型中是不可能的。我想要的是我希望div通过该功能可拖动，但是在再次切换按钮之后，该功能需要停止。

我得到的结构必须像这样，不能更改。

$(document).ready(function() {
  
  window.moveactive = 0;
  
  $(".move").on("click", function() {
    moveactive = 1 - moveactive;

    if (moveactive == 1) {
      $(this).css("background-color", "green");
      activedraging();
      console.log("drag on");
    }if (moveactive == 0) {
      $(this).css("background-color", "red");
      console.log("drag off");
    }

  });
});

window.activedraging = function() {
    $(".object").draggable();
}

.move{
  width: 20px;
  height: 20px;
  background-color: red;
}

.object{
  background-color: RGB(211,211,211);
  width: 100px;
  height: 100px;
  margin-left: 10px;
  margin-top: 10px;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<div class="move"></div>
<div class="object"></div>

有什么办法可以使用此脚本或诸如超时之类的方法切换功能吗？

如何停止一个被调用的函数

0 个答案: