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

标签 javascript jquery html

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

最佳答案

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

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

关于javascript - 从任何页面调用 jQuery 函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57311586/

相关文章:

javascript - 外部文件未加载到 HTML 中

javascript - Ember JS - 返回字符串文字的 ArrayController 属性

javascript - trim JSONP 日期以提取年份?

javascript - 检查插件是否已在 jQuery 中初始化?

javascript - 如何在jquery插件中调用函数?

javascript - 从 Javascript 对象获取 CSV 值

javascript - 带有 xml DOM 的 Chrome getElementsByTagName() 返回不正确的 NodeList

javascript - BlueImp jQuery 文件上传缩略图预览改进

html - 使用 CSS 对齐多个元素

Javascript 重定向到动态创建的 HTML