我正在使用jquery构建一个单页面的Web应用程序，并且在避免设置多个链接到页面的所有事件侦听器方面遇到麻烦。 index.php文件包含页面页脚和页眉的js，通过该文件，我使用jquery load（）函数异步加载页面其余部分的主体。 视图通过各自的脚本标签将自己的javascript文件嵌入到其代码中。 到目前为止，一切都很好，但是我在避免多次加载jquery文件时遇到了麻烦，导致事件监听器设置了我在菜单中浏览时重新加载页面的次数。
我已经尝试使用$ .getScript文件，但没有成功，因为我不知道如何在再次加载网页时处理事件监听器的重置。 我也尝试了整个文档的off（）方法，因为仅在将内容加载到的div标签中使用它是行不通的，但是我还必须重置JQuery和Bootstrap方法js文件，容易出错，因为有时菜单也由于链接到jquery和bootstrap js文件而停止工作。
这是菜单jquery代码，仅通过index.php文件加载一次：
$（function（）{
$（“＃menu-option”）。click（function（）{
$（“＃content”）。load（“ php / views / dashboard.php”）;
}）;
}
并且php文件包含嵌入式js：
其中包含多个事件侦听器，这些事件侦听器在我多次按下按钮时会加载多次。
我想知道一种加载方法，可以避免多次设置事件监听器，但是当我通过load（）函数加载页面时，可以保持js代码正常工作。