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