This time I will share jQuery Plugin and tutorial about Change Event Execution Order In jQuery – Prioritize.js, hope it will help you in programming stack.
A tiny yet useful jQuery plugin to extend the jQuery on() method that enables the user to prioritize jQuery events where multiple event handlers are attached to an element.
How to use it:
1. Install & Download the package.
2 |
$ yarn add jquery-prioritize |
5 |
$ npm i jquery-prioritize --save |
2. Load the main script after jQuery.
1 |
<script src="/path/to/cdn/jquery.min.js"></script> |
2 |
<script src="/path/to/lib/index.js"></script> |
3. Attach multiple event handles to an element and set the priority by passing the priority options as the second parameter to the on() method as follows:
1 |
<button id="example">Click Me</button> |
01 |
var $test = $("#example"); |
03 |
$test.on('click', 5, function (){ |
07 |
$test.on('click', 1, function (){ |
11 |
$test.on('click', 3, function (){ |
15 |
$test.on('click', 2, function (){ |
19 |
$test.on('click', 4, function (){ |
This awesome jQuery plugin is developed by IonicaBizau. For more Advanced Usages, please check the demo page or visit the official website.
