javascript - 从任何页面调用 jQuery 函数

Question

我需要一个全局文件中的 click 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>

这是我的 index.html 文件的最后部分，是我加载 index.js 文件的地方，并且加载到每个页面上，所以为什么它没有击中其中任何一个，什么我是否做错了，因为我需要放入的代码在我的 50pg 网站上看起来非常重复，因此为什么我认为我可以将它放在全局某个地方并在需要时调用它

<script type="text/javascript" src="index.js"></script>

Answer 1

创建一个文件名helper.js并将常用的jquery代码放入其中并将其包含在您想要的位置

make sure you include your jquery before include helper.js file