jQuery not works

Resolved

(@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://ww.wp.xz.cn/extend/plugins/easing-slider/

Viewing 2 replies - 1 through 2 (of 2 total)

Plugin Author MatthewRuddy
(@matthewruddy)

13 years, 3 months ago
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
Thread Starter shellgarden
(@shellgarden)

13 years, 3 months ago

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.