具有相同侦听器脚本的动态加载文件是否会加载两次？

Question

确定。这个脚本工作正常，但有些东西告诉我这不是一个好的编码实践。我有一个HTML文件，其中包含一个脚本，用于在div类.button-box中添加一个监听器。这个相同的HTML文件加载另一个HTML文件（使用.load js），该文件还有一个.button-box div和一个脚本来添加一个监听器。

侦听器脚本只是一个查找数据元素的开关，因此代码上没有冲突（也没有冲突）。基本上第一个有3个案例，加载的有3个案例。但在我完成的页面中，我有重复$（“。button-box”）。on（'click'，'a'...

这不是编码吗？想法？

修改

$(".button-box").on('click', 'a' ,function() {
    switch(this.dataset.button_ref) {
                case "download_single_file":
                    alert("Beep Bop Blop Beep BEEP!... Your File is Downloading");
                    break;
                case "other cases":
                    other code to execute when button is pressed.
                    break:
    }
}

以上是开关案例代码。所以我在.button-box类中有我的所有按钮，当我加载页面时，我拉入了在.button-box类中也有按钮的子页面。