删除函数生成的数组

Question

我创建了一个函数，每次更改滑块的值时都会调用该函数。问题在于该函数生成一个数组，该数组稍后会传递给其他函数。到目前为止，一切都很好，但是滑块可以根据用户的需要进行多次调整，正如我所说，这会触发生成数组的函数，这意味着我可以获得数百甚至数千个数组，而我实际上需要最后一个.这是我的代码：

function tg() {

    $(".dot").remove();

    var p, x, y, xo, yo, agl, spd, g, t = 1, isin2, angle1, n = 0, i = 1;
    var m = [];

    p = $("#ba").position();
    xo = p.left;
    yo = p.top;

    spd = $("#spd").val();
    agl = $("#agl").val();
    g = $("#g").val();
    angle1 = formula;

    isin2 = true;

    while (isin2) {
        y = formula;
        x = formula;

        m.push([x, y]);

        //...

        t++;
        isin2 = isin(x, y);

    }
    if (isin2 == false) {
        $(".dot").last().remove();
        m.pop([x, y]);
        console.log(m);
    }
    activate(m);
}

滑块来了，我实际上只给出了其中一个，因为其余两个是绝对副本，它们只是在处理其他变量。

$(document).ready(function(){
    $("#slagl").slider({
        min:0,
        max:89,
        value:15,
        range:"min",
        slide: function(event, ui){
            $("#agl").val(ui.value); 
            tg();
        }
    });

您可以很容易地看到它只是堆积新的和新的阵列而没有清理其他阵列。目标是在每次调用函数时以某种方式删除所有其他冗余数组，在幻灯片上制作并只保留最后一个。

Answer 1

在与 OP 的私人对话中，我们发现这些数组实际上是正确生成的。问题在于activate(m);，每次滑块更改时都会调用它。在activate() 中，一个点击事件被分配给一个按钮，这导致每次更新都会堆积冗余点击事件。因此，每当单击按钮时，它也会使用数组的旧值执行其代码。

Answer 2

请使用滑块的“更改”功能。与在每个像素移动时调用的“滑动”回调相比，这仅在用户释放滑块的处理程序时调用一次。

Answer 3

您应该使用滑块change 功能或使用一些去抖动功能：

$(document).ready(function(){
  var timer;
  $("#slagl").slider({
    min:0,
    max:89,
    value:15,
    range:"min",
    slide: function(event, ui){
      $("#agl").val(ui.value);
      if(timer) {
        clearTimeout(timer);
      }
      timer = setTimeout(tg, 500);
    }
  });
});

将值 500 更改为更适合您的用例的值。