jquery click事件在单击中执行多次

Question

我有一个模板文件，它被动态地包含在单个页面中的两个或多个DIV中：div将在下面的AS：1。视图div 2.编辑div其他可以是 - RESOLUTION div ...

当VIEW div出现并反转时，EDIT div display none 。 所以，一次只能出现一个。

模板文件包含以下javascript：

   AJS.$(document).on('click', '#addROW', function()
   {
      console.log('calling');
      ....
      ..
   }

现在，当我点击add按钮（存在于模板文件中）然后它执行上面的事件并且它应该添加单行并打印日志消息但是，它执行双倍因此，最初执行两次（作为模板包含在两个屏幕中）并打印两次消息'调用'，经过一段时间后，它会被执行两次4次。 我希望它只能执行一次，并且只打印一次“呼叫”消息。

我该如何解决这个问题。

它似乎是由于javascript被多次添加..但我如何控制将其单次添加到页面或任何其他方式来解决此问题？

谢谢

Answer 1

您可以检查是否已设置脚本以分配新事件：

AJS.$(document).on('click', '#addROW', function (event) {
    if (event.handled !== true) {
        //put your code here
        event.handled = true;
    }
    return false;
}

Answer 2

尝试这个

AJS.$(document).on('click', '#addROW', function(event)
{
  event.stopPropagation();
  console.log('calling');
  ....
  ..
}