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代码放入其中并将其包含在您想要的位置

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

从任何页面调用jQuery函数

1 个答案: