oojs清除函数/对象实例

Question

我目前正在努力解决的问题是这个。还没有意识到问题是什么，但是我有以下代码

j.prototype.deleteFile = function()
{

  $('.deleteFile').on('click', function()
  {

    if(confirm('Are you sure you want to delete this file?'))
    {

      //delete the file

    }

  })

}

此操作的目的是在单击按钮并确认删除后删除文件。由于文件图标是在上传时添加的（之后追加），并且在页面加载时调用（因为页面加载后可能已经存在要删除的文件），因此我需要重新获取HTML元素以具有最新列表。这会创建函数的多个实例，因为多次调用（对于每次上载），因此在尝试删除文件时：

• 第一次上传后要求确认一次
• 第二次上传后，第二次上传要求确认一次，第一次要求两次。

该模式是为以前存在的模式添加一个。 我认为这是因为deleteFile具有多个实例，并且每个实例都在单击时触发。

我一直在寻找清除旧实例或向旧实例添加/包括新元素的方法，但现在仍然可以使用。

有没有一种可能会忽略的实现我目标的方法？