Response title
This is preview!
Move this topic
Hi I am creating an effect based on this demo:
http://cdn.tutsplus.com/webdesign/uploads/legacy/tuts/338_parallax/src/index.html
So I need to use the following plugins:
http://cdn.tutsplus.com/webdesign/uploads/legacy/tuts/338_parallax/src/index.html
So I need to use the following plugins:
- jquery.stellar.min.js
- waypoints.min.js
- jquery.easing.1.3.js
But I also need to use the latest jquery library:
http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js
However it does not work with the most recent JQUERY plugin. The original demo uses:
ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js
I have tried other demos and none of them seem so work with the latest version of jquery only with older versions, is this a known issue? Are there specific updates I need to make to the plugins?
1
Replies(11)
Since you haven’t shared a page that has the problem, I can’t just see what the errors are.
Leave a comment on jakecigar's reply
Why do you "need" to use the "latest" jQuery library?
But, 2.1.0 is *not* "the latest jQuery library". It's the latest jQuery library for "modern browsers". Are you using a browser that it's compatible with?
1.11.0 is the latest version for use with all supported browsers.jQuery 2.x has the same API as jQuery 1.x, but does not support Internet Explorer 6, 7, or 8.
2.x should not be used for website projects, unless you detect the user's browser and serve either 1.11.0 or 2.1.0 as appropriate.
The only appropriate use of 2.x without some browser detection would be in a native app (PhoneGap, etc.) where you know for certain that the browser will be compatible. (i.e. if you build for Android or iOS, you know you will not need to support Internet Explorer 6, 7, or 8...)
Leave a comment on watusiware's reply
I use jQuery 2.x for all projects that deal with audio/video/speech, advanced canvas, or XHR2. All you have to do is test for the APIs you need and send them a pleasant note that they need to upgrade.
JΛ̊KE
JΛ̊KE
Leave a comment on jakecigar's reply
^ Make sure you send these users a pleasant note to upgrade to either Chrome or a new OS. ;)
(But I don't suppose they will be expecting anything too "advanced"...)
Depending on the audience for the app, I sometimes just alert with "get a real browser", and forward them to http://chrome.com
JΛ̊KE
JΛ̊KE
Leave a comment on watusiware's reply
Ok, I am confused, so JQUERY 2.X is not the latest version for websites and web apps? Which version do we need to use by standard?
Jake the code is exactly the same as http://cdn.tutsplus.com/webdesign/uploads/legacy/tuts/338_parallax/src/index.html except for Jquery version. I have not changed anything yet.
Jake the code is exactly the same as http://cdn.tutsplus.com/webdesign/uploads/legacy/tuts/338_parallax/src/index.html except for Jquery version. I have not changed anything yet.
Leave a comment on chipolata's reply
Ok, so jquery-1.11.0.min.js does not work either... I included the migrate plugin. I am looking at this on Chrome, Firefox, Safari and Canary browsers.I thought this thing would just have some kind of backwards compatibility set-up...
Leave a comment on chipolata's reply
jQuery 2.,1.0 is the latest version for the browsers that it support - which browsers do not include IE 6, 7, or 8.Ok, I am confused, so JQUERY 2.X is not the latest version for websites and web apps?
jQuery 1.11.0 is the latest version for all supported browsers - including IE 6, 7, and 8.
If you are developing a website, you probably want to support IE 6, 7, or 8. So, if you are developing a website, it follows you have to use jQuery 1.11.0, at least for those users with IE 6, 7, or 8. (You can detect the browser and serve the appropriate version.)
Not sure why there is confusion - other than an assumption that a higher version number os always "better", given that this is explained on the download page, which is where you should have gotten your copy of jQuery 2.1.0!
There is no difference in functionality between the two. 2.1.0 is somewhat smaller and faster. If you don't need to support IE 6,7,8, then you can use 2.1.0.
---
Now, back up and tell us what doesn't work as you expect.
And what are the "other demos" that "don't work with the latest version either".
With parallax scrolling being such a hot topic (everybody always wants to make their site/app look like the latest thing Apple is doing, whether it makes sense or not ;) ) I find it hard to believe it's not possible to find a parallax scrolling solution that works with current jQuery libraries.
Leave a comment on watusiware's reply
Well I have no control over the choice of making the site parallax "whether it makes sense or not" as it is not my decision... I have roughly ripped some examples of the net to test simply by replacing the jquery version with jQuery 1.11.0 as with the demo I posted above as you suggested and the parallax stops working as soon as I do this so I am trying to find out why by starting at the root i.e. jquery library instead of all the multiple plugins. This site: http://www.visage.co/ seems to use jquery-2.0.3.js and it works so I will see if i can find out what they are doing differently...
Anyway...the mystery continues.
If anyone could kindly point me to a working parallax demo that used the latest accepted, approved, stamped, applauded, official version jquery that will not upset any browser from the past 3yrs, it would be much appreciated on a Friday afternoon.
Thanks.
Anyway...the mystery continues.
If anyone could kindly point me to a working parallax demo that used the latest accepted, approved, stamped, applauded, official version jquery that will not upset any browser from the past 3yrs, it would be much appreciated on a Friday afternoon.
Thanks.
Leave a comment on chipolata's reply
Why not "go the source and ask the horse"?If anyone could kindly point me to a working parallax demo that used the latest accepted, approved, stamped, applauded, official version jquery that will not upset any browser from the past 3yrs, it would be much appreciated on a Friday afternoon.
Instead of relying on an old demo that uses jQuery 1.7.2 (and includes the word "legacy" in the URL, hint, hint!) why not simply go pick up the latest version of jquery.stellar? I see it's been updated for at least jQuery 1.10.1/2.0.2. It's pretty likely it will work just fine with newer version.
----
BTW, the big breakpoint for jQuery versions is 1.9. 1.9 finally dropped a bunch of stuff that was deprecated in 1.7 and 1.8, most notably .live() and .die(). But these can be restored using the jQuery Migrate plugin.
Leave a comment on watusiware's reply
Thanks mate, I just wanted a version that has a navigation trigger, but will have a look through this one.
Leave a comment on chipolata's reply
Change topic type
Link this topic
Provide the permalink of a topic that is related to this topic
Reply to chipolata's question