[Okta Webinar] Learn how to a build a cloud-first strategyRegister Now

x
?
Solved

Older version of jQuery breaks IE9 'Back' button

Posted on 2013-10-22
8
Medium Priority
?
500 Views
Last Modified: 2013-10-22
We have a site using an older version of jQuery (1.4.1) that is being used to power a slideshow plugin on our home page. Recently we noticed when using IE9 in standards mode, that the 'Back' button had to be clicked 3 or more times to actually go back one page in the browsing history.

In fact, if you press and hold the 'Back' button you actually see the URL of the page multiple times, rather than the actual page title once, as you normally would.

After spending the day researching the forums and trying different settings I discovered that if I update the jQuery core file from 1.4.1 to 1.9.1 or higher, the problem with the 'Back' button goes away. However, my jQuery slideshow breaks with higher versions of the jQuery core file (it is an older jQuery slideshow plugin).

If we put IE9 into compatibility mode, or use any other browser including IE8, IE7, Chrome or Firefox, the older jQuery file and the 'Back' button work properly.

Any ideas why IE9 appears to have trouble with older jQuery files?
0
Comment
Question by:kenjpete
  • 4
  • 4
8 Comments
 
LVL 58

Expert Comment

by:Gary
ID: 39592211
Is there any URL hashing going on?
0
 

Author Comment

by:kenjpete
ID: 39592235
I'm not sure but I don't think so? Can you tell me more about URL hashing, I'm not familiar with it? Are you talking about URL shortening like when using bit.ly?
0
 
LVL 58

Expert Comment

by:Gary
ID: 39592250
No, when you append the url with an hashtag, often seen when you have tabs on the page.
Have you got a link to the site - this would make it easier to debug.
0
Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 

Author Comment

by:kenjpete
ID: 39592291
Oh ok, no, there is no hashing going on. Take a look at http://www.capitalregionboces.org. Thanks!
0
 
LVL 58

Expert Comment

by:Gary
ID: 39592343
Actually there is.
From line 440 in jquery.galleria.js you are using hash tagging if in IE (hashing only works in IE9 and above) that's why in IE8 and lower the back button works fine and in other browsers there is different logic being applied.

Since the code seems to be working on some 'iframes' I am not sure how you would fix it bar just commenting it out.

Is there a reason you are using this history extension?
0
 

Author Comment

by:kenjpete
ID: 39592363
Ok I see what you are referring to, so why does the problem go away then if I put in the latest jQuery core file (1.10)? Also, the answer might be to use the latest version of that Galleria plugin....correct?
0
 
LVL 58

Accepted Solution

by:
Gary earned 2000 total points
ID: 39592438
It may have been buggy in 1.4.x and fixed in later versions. Remember that was quite some time ago when IE9 was still in its infancy.

Normally if a plugin works there is no need to update (bar any security issues) but yes it may be worth checking the latest version and/or checking for a better more recent slideshow plugin.
0
 

Author Comment

by:kenjpete
ID: 39592451
I wasn't aware there was a history extension in that Galleria plugin? It was a jQuery plugin we found a few years ago that met our needs at the time and didn't become a real issue until recently.

I just looked at the developer's web site and it appears there is a new version our this year. I may try upgrading the plugin and the core jQuery file and see if it works?
0

Featured Post

VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE

Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

Question has a verified solution.

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

This article offers some helpful and general tips for safe browsing and online shopping. It offers simple and manageable procedures that help to ensure the safety of one's personal information and the security of any devices.
Boost your ability to deliver ambitious and competitive web apps by choosing the right JavaScript framework to best suit your project’s needs.
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…
Shows how to create a shortcut to site-search Experts Exchange using Google in the Chrome browser. This eliminates the need to type out site:experts-exchange.com whenever you want to search the site. Launch the Search Engine Menu: In chrome, via you…
Suggested Courses
Course of the Month19 days, 2 hours left to enroll

834 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