How optimize 100 jQuery functions in one?
Hello I am new to jQuery and I would like to understand how can be optimized some Revolution Slider code they suggest to use to change slides from external hyperlinks. This is an example:
- // ".link-slide-1" is the class name we assigned to the main menu item
- jQuery('body').on('click', '.link-slide-1', function() {
-
- // revapi14 equals the API identified for the slider
- // revshowslide(1) will load the second slide
- revapi14.revshowslide(1);
- return false;
-
- });
This jQuery is working fine but the problem is that I have about 100 slide to browse with this function so I repeated this 100 times:
- jQuery('body').on('click', '.link-slide-2', function() { revapi14.revshowslide(2); return false; });
- jQuery('body').on('click', '.link-slide-3', function() { revapi14.revshowslide(3); return false; });
- jQuery('body').on('click', '.link-slide-4', function() { revapi14.revshowslide(4); return false; });
- jQuery('body').on('click', '.link-slide-5', function() { revapi14.revshowslide(5); return false; });
- jQuery('body').on('click', '.link-slide-6', function() { revapi14.revshowslide(6); return false; });
- jQuery('body').on('click', '.link-slide-7', function() { revapi14.revshowslide(7); return false; });
- jQuery('body').on('click', '.link-slide-8', function() { revapi14.revshowslide(8); return false; });
- jQuery('body').on('click', '.link-slide-9', function() { revapi14.revshowslide(9); return false; });
- jQuery('body').on('click', '.link-slide-10', function() { revapi14.revshowslide(10); return false; });
- jQuery('body').on('click', '.link-slide-11', function() { revapi14.revshowslide(11); return false; });
- jQuery('body').on('click', '.link-slide-12', function() { revapi14.revshowslide(12); return false; });
- jQuery('body').on('click', '.link-slide-13', function() { revapi14.revshowslide(13); return false; });
- jQuery('body').on('click', '.link-slide-14', function() { revapi14.revshowslide(14); return false; });
- jQuery('body').on('click', '.link-slide-15', function() { revapi14.revshowslide(15); return false; });
- jQuery('body').on('click', '.link-slide-16', function() { revapi14.revshowslide(16); return false; });
- jQuery('body').on('click', '.link-slide-17', function() { revapi14.revshowslide(17); return false; });
- jQuery('body').on('click', '.link-slide-18', function() { revapi14.revshowslide(18); return false; });
- .....
- .....
As you can see the number of the class is the same number of the revapi14 function.
My question is: there is a way to make it works automatically with all positive numbers or another way to optimize it?