I have a plugin in some pages but in some other pages I don't want it so I didn't reference its script file.
How to check if the plugin functions exist before using it.
In my case I am using this plugin: and I use it like this:
$('#marquee-inner div').marquee('pointer').mouseover(function() { $(this).trigger('stop'); }).mouseout(function() { $(this).trigger('start'); }).mousemove(function(event) { if ($(this).data('drag') == true) { this.scrollLeft = $(this).data('scrollX') + ($(this).data('x') - event.clientX); } }).mousedown(function(event) { $(this).data('drag', true).data('x', event.clientX).data('scrollX', this.scrollLeft); }).mouseup(function() { $(this).data('drag', false); });
What I want is to make a check before calling this marquee function if it exist or not.
It is recommended practice to load all JavaScript files at the end of the body tag for increasing performance and render the page faster. Hence, we have used the $(document). ready() function before we can check if the plugin was loaded successfully or not.
You can just type window. jQuery in Console . If it return a function(e,n) ... Then it is confirmed that the jquery is loaded and working successfully.
Go to console. Type jQuery and press enter. In case, your app is not using jQuery, then you'll get error.
if ($.fn.marquee) { // there is some jquery plugin named 'marquee' on your page }
You can also do this. Let me take jQuery marquee example.
This is good if you are using only jQuery.
if($().marquee) { // marquee is loaded and available }
OR
if($.fn.marquee !== undefined) { // marquee is loaded and available }
Similar to above but Safe when you are using other JS frameworks Mootools etc.
if(jQuery().marquee) { // marquee is loaded and available }
OR
if(jQuery.fn.marquee !== undefined) { // marquee is loaded and available }
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With