javascript - 取消和重新选择后绑定(bind)多个变量

Question

我制作了以下脚本:

$(document).ready(function() {
  $(".test_uebergabe").click(function() {
    var groupName = $(this).data('groupname');
    var groupid = $(this).attr('id');
    $('.modal-body').html(groupName);
    $('#dataModal').modal({
      show: true
    });

    $(".test_uebergabe_route").click(function() {
      alert(groupid);
    });
  });
});

单击 test_uebergabe 时，我得到两个变量，模式打开时显示 groupname。在模式中有两个按钮，取消和保存。当我点击保存时，脚本返回给我 groupid。这是对的。但是，当我单击取消并选择另一个 test_uebergabe 按钮时，我会取回新的 groupid 和之前选择的 groupid 。为什么？我必须更改什么？这是像我在脚本中那样做的正确方法吗？

Answer 1

通过点击 .test_uebergabe第一次绑定(bind)一个提醒 groupid 的函数.test_uebergabe_route的点击事件.

当您第二次单击它时，您将第二个 函数绑定(bind)到.test_uebergabe_route 的单击事件。 , 但这次是不同的 groupid (因为你处于不同的环境中)。

当您单击 .test_uebergabe_route 时，现在将调用这两个函数, 每个都有它的 groupid .

要避免这种行为，您可以尝试这样做:

$(document).ready(function() {
  var groupName = '';
  var groupid = '';

  $(".test_uebergabe").click(function() {
    groupName = $(this).data('groupname');
    groupid = $(this).attr('id');
    $('.modal-body').html(groupName);
    $('#dataModal').modal({
      show: true
    });
  });

  $(".test_uebergabe_route").click(function() {
      alert(groupid);
  });
});

通过这样做，您将拥有一个监听 .test_uebergabe_route 的点击事件的函数。这将提醒当前 groupid现在是一个全局值。