nivoSlider not working properly!!! Need Help!!!

Envato Customers Web and Code
1

umm, this is strange. I’ve used Nivo Slider frequently but this time it is not working properly. The Previous and Next navigation buttons ain’t working. My firebug console screen throws up some error like this…

$("a.nivo-prevNav", slider).live is not a function
[Break On This Error] $('a.nivo-prevNav', slider).live('click', function(){



nivoRun is not a function
[Break On This Error] timer = setInterval(functi...ngs, false); }, settings.pauseTime);

Am I possibly missing something???

2

Can you provide a link?

3
JamiGibbs said

Can you provide a link?

I’m currently on a localserver. :smiley:

4

So the slides are transitioning but when you click the left/right nav buttons, they don’t move?

5

No, the slides are not even transitioning at all and even the Previous and Next navigation buttons won’t work!!!

6

So here are the first things I would check:

Are you loading the jquery library, the Nivo javascript file, and the Nivo style sheet correctly?

Are you hooking it all up with nivo load function?
7

#1) Loded jQuery Library, nivo javascript file and css file in the head section





Rockstoker - Premium landing page template

#2) Hooked up the slider in custom.js like this:

$(function(){

	$("#slider").nivoSlider({
		effect:'fade',
		animSpeed:500,
		pauseTime:5000
	});
	
});

But, still, No luck :frowning:

8

If you’re positive that you have the file paths correct (double check you have the correct file names too), then it could be a script conflict.

Try removing one script at a time to see if that’s the culprit. I’d start by removing jquery.preloader.js

Also try hooking into Nivo from the header (or footer. Any place below jquery.nivo.slider.js) instead of from your script.js file.

9

That might be possible. Will do that and let you know ASAP! :smiley:

10

You should double check your jQuery version as well. The .live() function was added in 1.3

I’d also change your custom.css to this:

jQuery(document).ready(function($){

    $("#slider").nivoSlider({
        effect:'fade',
        animSpeed:500,
        pauseTime:5000
    });

});
11

Finally!!! It’s working fine… :slight_smile:
Actually the problem was, I mistakenly used jQuery version 1.2 after I used the updated version, everything is working great!!! :smiley:

Thanks for the concern and helps JamiGibbs & sevenspark. Thanks a zillion times :smiley:

regards,
Avinash Gurung

12

hellow, sorry for bringing this up again but i’m having similar issue.
bought one theme from themeforrest that use

wp_enqueue_script( 'jtools', get_stylesheet_directory_uri().'/style/js/jquery.tools.min.js', array('jquery'));

while i need jj-nextgen-jquery-slider that enqueues:

/plugins/jj-nextgen-jquery-slider/script/jquery.nivo.slider.pack.js?ver=2.4’
/plugins/jj-nextgen-jquery-slider/script/jquery.jj_ngg_shuffle.js?ver=3.1.2’
/plugins/jj-nextgen-jquery-slider/script/jjnggutils.js?ver=3.1.2’

found that if jquery.tools.min.js is commented, nivo slider works but theme basic sliders, toggles, etc. disfunction.

tried added jquery.noConflict() but no effect.


any help is appreciated… thanks