Javascript 从任意页面调用jQuery函数

我需要一个全局文件中的

单击
JQuery
功能，这样它就可以在我的整个网站中使用，这样我就不必重复代码了

下面是我的文件结构

|
|->index.html
|->index.JS
|->componentsFolder
   |
   |->page1Folder
      |->page1.html
      |->page1.js
   |->page2Folder
      |->page2.html
      |->page2.js

我尝试在我的index.js中添加以下内容，因为该文件加载在
index.html
文件中，并且加载在所有页面中，但似乎没有一个文件命中

$('body').delegate('button', 'click', function () {
    alert('click2')
});

$('.roundButton').on('click', function () {
    alert('click1')
})

$('button').click(function () {
    alert('click3')
})

这是我的page2.HTML文件中的按钮HTML

<button id="addReselNextButt" class="btn btn-info roundButton">Test</button>

创建一个文件名helper.js，并将您常用的jquery代码放入其中
把它放在你想要的地方

确保在include helper.js文件之前包含jquery

创建一个文件名helper.js，并将您常用的jquery代码放入其中
把它放在你想要的地方

确保在include helper.js文件之前包含jquery

如果从每个页面调用该函数，则需要创建相对于域根的路径：
src=“/index.js”
并换行
$（function（）{…}）也可以使用subscribe/unsubscribe如果您从每个页面调用它，那么您需要创建相对于域根的路径：
src=“/index.js”
并换行
$（function（）{…}）也可以使用订阅/取消订阅
<script type="text/javascript" src="index.js"></script>