JavaScript按钮单击甚至每次单击多次触发

Question

我有一个JavaScript / jQuery应用程序，当点击下图中的任何订单卡时，会打开一个Bootstrap Modal窗口。

在模态HTML中，我有一个开始计时器按钮

在已经加载DOM之后，将此计时器按钮添加到DOM。所以我使用下面的代码在DOM加载后将点击事件附加到按钮...

// Handle Timer Start Button click event
$(document).on('click', '.start-job-btn', function(e) {

    console.log('start timer');
    alert('start timer');

    e.preventDefault(); // prevents default
    return false;

});

HTML

<a href="#" data-order-id="5508" data-order-item-id="158" class="btn btn-primary start-job-btn">Start Job</a>

问题

当我点击开始按钮时，我得到警报和控制台记录器，每按一次按钮就会运行3-6次！

我无法弄清楚为什么会发生这种情况，因为它不会发生在应用程序的任何其他部分。只需这个按钮，其代码如上所示。

很难设置一个演示应用程序，因为该项目超过10k行并且很难全部完成，但根据这些信息，有没有人有任何想法？