I had implemented a range slider by referring this link:
How to create custom range sliders with min and max using CSS and JavaScript.
For its jquery-ui
reference, I tried using below two versions
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script src="https://code.jquery.com/ui/1.13.2/jquery-ui.js"></script>
Range slider is working fine with both the jQuery-ui
versions. But below tab functionality does not work. It doesn’t hit on debugger
inside its function after adding those jquery-ui
versions. My jQuery
version is jQuery v3.5.0
.
$("#tabs").tabs({
"onShow": function (el) {
debugger;
}
});
Can anyone suggest the reference of jquery-ui that support version v3.5.0.
2
Answers
There is no onShow
"show" is not an event but used to set options
"load" event only triggers when loading the content from remote
But you can use "create" plus activate and/or beforeActivate
As far as I understand, you are using more than one jquery library as source in your code, which is exactly why one of the jquery widgets may be working and the other may not be working. So, have you checked what is the error in the console? You can use JQuery.noConflict() where you see $.
https://api.jquery.com/jquery.noconflict/