asked on Need to update jQuery plugin so it works with latest version of jQuery
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!
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!
JavaScriptjQueryWordPress
Last Comment
Alicia St Rose
Both links look identical to me with no errors.
ASKER
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.
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.
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
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
ASKER
I've used FIND in all of the js files to locate "event.returnValue" and I'm coming up with nothing...
Just update jQuery to 1.11 (I edited my answer above)
You may need to use the migrate plug in https://github.com/jquery/jquery-migrate
ASKER
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
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
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
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
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
Not sure if you are saying the new link is supposed to be using 1.11 - it is using 1.6.4...???
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');
Not sure if you are saying the new link is supposed to be using 1.11 - it is using 1.6.4...???
ASKER
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...
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...
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.
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.
ASKER
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
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
ASKER
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
Here's the good one.
style.css
ASKER CERTIFIED SOLUTION
THIS SOLUTION ONLY AVAILABLE TO MEMBERS.
View this solution by signing up for a free trial.
Members can start a 7-Day free trial and enjoy unlimited access to the platform.
ASKER
Whoo HOOO!! You are a ROCK STAR!
Totally worked.
Thanks you SO much!
Totally worked.
Thanks you SO much!