Call jQuery Function From Any Page

Question

I need a click JQuery function in a global file so it can be used throughout my website so i don't have to keep repeating code.

Below is my file structure

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

I tried adding the following in my index.js as this file is loaded in the index.html file and is loaded in all page but none seem to hit

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

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

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

This is the button HTML in my page2.html file

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

This is at the very end of my index.html file and is where i load the index.js file and is loaded on every page so why doesn't it hit any of them, what am i doing wrong as the code i need to put in this will seem very repetitive across my 50pg website hence why i thought i'd be able put it globally somewhere and call it when needed

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

If you call that from every page then you need to make the path relative to the root of the domain: src="/index.js" — Rory McCrossan
– Rory McCrossan, Commented Aug 1, 2019 at 14:48
And wrap in $(function() { ... }); to execute at load time — mplungjan
– mplungjan, Commented Aug 1, 2019 at 14:49
stackoverflow.com/questions/37857036/… Could also use subscribe/unsubscribe — n_plum
– n_plum, Commented Aug 1, 2019 at 14:50

Muhammad Bilal · Accepted Answer · 2019-08-01 14:48:49Z

2

make a file name helper.js and put your common jquery code in it and include it where you want

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

answered Aug 1, 2019 at 14:48

Muhammad Bilal

849 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Call jQuery Function From Any Page

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related