Support » Plugin: Easing Slider » jQuery not works

  • Resolved shellgarden

    (@shellgarden)


    Hi,
    If Easing Slider is 2.0 updated, jQuery of my site has Not Working.
    Is there any solution?

    $(function() {
    	$('#nav .pointer').css({
    		width: $('#nav .current').outerWidth(),
    		left: $('#nav .current').position().left
    	});
    	$('#nav a').mouseover(function(){
    		$('#nav .pointer').stop().animate({
    			width: $(this).outerWidth(),
    			left: $(this).position().left}
    		,'fast');
    	});
    });

    http://wordpress.org/extend/plugins/easing-slider/

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author MatthewRuddy

    (@matthewruddy)

    Hey @shellgarden, this is because you’re not using jQuery in no conflict mode. This is very important when writing jQuery with WordPress. It’s a simple fix. Change the code to this.

    jQuery(function($) {
    	$('#nav .pointer').css({
    		width: $('#nav .current').outerWidth(),
    		left: $('#nav .current').position().left
    	});
    	$('#nav a').mouseover(function(){
    		$('#nav .pointer').stop().animate({
    			width: $(this).outerWidth(),
    			left: $(this).position().left}
    		,'fast');
    	});
    });

    There is lots of information on using jQuery with WordPress. Have a look at some of the Google Search results found below 🙂

    Using jQuery in WordPress

    oh…It was an elementary mistake.
    Thank you.!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘jQuery not works’ is closed to new replies.