[2 days left] What’s wrong with your cloud strategy? Learn why multicloud solutions matter with Nimble Storage.Register Now

x
?
Solved

Need to update jQuery plugin so it works with latest version of jQuery

Posted on 2013-12-29
15
Medium Priority
?
648 Views
Last Modified: 2013-12-30
Hello all!
Hope you had a wonderful holiday!

So..I've got an awesome parallax plugin I'm using on a site. Worked great in HTML because version 1.6.4 of jQuery library is being used. But now I'm trying to incorporate this parallax into my custom Wordpress theme and Wordpress is using version 1.10. The Parallax is dead in the water.

I'm getting this error in the console:

event.returnValue is deprecated. Please use the standard event.preventDefault() instead.

I'm not much of a javascript coder so I don't know where to change this.

Here's the HTML site where you can see the working parallax:

http://sandbox.intrepidrealist.com/robert-lee-fitness/

Here's my Wordpress site, where it's not working at all:

http://sandbox.intrepidrealist.com/rlf-demo/

Thanks so much!
0
Comment
Question by:Alicia St Rose
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 7
  • 6
  • 2
15 Comments
 
LVL 58

Expert Comment

by:Gary
ID: 39745322
Both links look identical to me with no errors.
0
 
LVL 8

Author Comment

by:Alicia St Rose
ID: 39745327
Really?
I just checked again and First link works fine: When I click the navigation on the top right, I get a smooth parallax scroll. When I click anything on the Wordpress site, I get nothin'.

That isn't happening for you? I'm on Chrome.
0
 
LVL 58

Expert Comment

by:Gary
ID: 39745332
Yes I see it in Chrome (FF & IE is fine)

Just replace event.returnValue in the plugin with event.preventDefault() like it says - it's worth a try.

edit
Update to 1.11
http://bugs.jquery.com/ticket/14320
0
Understanding Web Applications

Without even knowing it, most of us are using web applications on a daily basis. Gmail and Yahoo email, Twitter, Facebook, and eBay are used by most of us daily—and they are web applications. We often confuse these web applications tools for websites.  So, what is the difference?

 
LVL 8

Author Comment

by:Alicia St Rose
ID: 39745351
I've used FIND in all of the js files to locate "event.returnValue" and I'm coming up with nothing...
0
 
LVL 58

Expert Comment

by:Gary
ID: 39745355
Just update jQuery to 1.11 (I edited my answer above)
0
 
LVL 54

Expert Comment

by:Scott Fell, EE MVE
ID: 39745395
You may need to use the migrate plug in https://github.com/jquery/jquery-migrate
0
 
LVL 8

Author Comment

by:Alicia St Rose
ID: 39745570
okay. I've update to jQuery 1.11 beta and added the migrate plugin.
I'm still not getting this to work. Not sure if I've added the migrate plugin correctly.
I did this on the HTML site and not the Wordpress site, just to test without having to worry about adding it through functions. And Wordpress has jQuery 1.10.1 so not sure if this is going to work out for me even if we debug for 1.11.

http://sandbox.intrepidrealist.com/robert-lee-fitness
0
 
LVL 54

Expert Comment

by:Scott Fell, EE MVE
ID: 39745599
Mac osx chrome browser seems to work.  The only error I get in the console is

Failed to load resource: the server responded with a status of 404 (Not Found) http://sandbox.intrepidrealist.com/robert-lee-fitness/images/dot.png
Failed to load resource: the server responded with a status of 404 (Not Found) http://sandbox.intrepidrealist.com/robert-lee-fitness/images/dot.png
0
 
LVL 58

Expert Comment

by:Gary
ID: 39746270
For wordpress you can follow here to change to 1.11, if it doesn't work then you can always revert

http://www.wpbeginner.com/wp-themes/replace-default-wordpress-jquery-script-with-google-library/
In functions.php add
//Making jQuery Google API
function modify_jquery() {
	if (!is_admin()) {
		// comment out the next two lines to load the local copy of jQuery
		wp_deregister_script('jquery');
		wp_register_script('jquery', //code.jquery.com/jquery-1.11.0-beta1.min.js', false, '1.11.0');
		wp_enqueue_script('jquery');
	}
}
add_action('init', 'modify_jquery');

Open in new window

I've amended slightly to not rely on non ssl protocol

Not sure if you are saying the new link is supposed to be using 1.11 - it is using 1.6.4...???
0
 
LVL 8

Author Comment

by:Alicia St Rose
ID: 39746600
Hi GaryC123,
Changing the jQuery like that in Wordpress breaks some of my plugins. So I need to make this work with 1.10.2.
I may be out of luck...
0
 
LVL 58

Expert Comment

by:Gary
ID: 39746637
Yeah it is beta at the mo - try taking it down to 1.9
If no luck then you may have to look at another newer plugin - a lot has changed in jQuery since 1.6
Can you zip up the files (js,css,images etc) and I will see if I have time to look through the code.
0
 
LVL 8

Author Comment

by:Alicia St Rose
ID: 39746765
Aarghh!!
It's almost impossible to keep up with the march of technology!

I hope this can be fixed, because it's the closest and easiest to implement. I looked at a few others and my eyes crossed.

You can also find the plugin here:

http://ianlunn.co.uk/articles/recreate-nikebetterworld-parallax/

Not sure if you are on Github but if you are and you manage to tweak it to work, us green newbies would be profoundly grateful if you forked it!
Parallax-debug.zip
0
 
LVL 8

Author Comment

by:Alicia St Rose
ID: 39746789
I was playing around with some other parallax plugins and realized that the style sheet I zipped might be a mess.

Here's the good one.
style.css
0
 
LVL 58

Accepted Solution

by:
Gary earned 2000 total points
ID: 39746826
Well this was easier than expected - upgrade the scrollTo to 1.4.3.1
0
 
LVL 8

Author Closing Comment

by:Alicia St Rose
ID: 39747126
Whoo HOOO!! You are a ROCK STAR!

Totally worked.
Thanks you SO much!
0

Featured Post

Concerto Cloud for Software Providers & ISVs

Can Concerto Cloud Services help you focus on evolving your application offerings, while delivering the best cloud experience to your customers? From DevOps to revenue models and customer support, the answer is yes!

Learn how Concerto can help you.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

So you have coded your own WordPress plugin and now you want to allow users to upload images to a folder in the plugin folder rather than the default media location? Follow along and this article will show you how to do just that!
This article discusses how to create an extensible mechanism for linked drop downs.
The purpose of this video is to demonstrate how to reset a WordPress password if you are locked out and cannot reset the password. A typical use would be if you cannot access the email to which WordPress would send the password recovery email to…
The purpose of this video is to demonstrate how to add AdSense Ads to a WordPress Website, and how to set up WordPress to automatically place Ads in Sidebars. This will be demonstrated using a Windows 8 PC. Log into your AdSense account. : Cli…
Suggested Courses

656 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question