Search jQuery

jQuery Forum

Migrated to jQuery Mobile from jQTouch, legacy URL problem

in jQuery Mobile • 11 years ago

We have an annually launched site for our university's reunions this week. After three years using jQTouch, I finally migrated the site to jQuery Mobile 1.1, which has worked out well so far.

Unfortunately, jQTouch appended #home to the end of the URL, so those who have bookmarked the site or added it to their device's home screen from previous years, try to go the new jQuery Mobile site with #home appended to the URL. All they get is a blank screen with the animated AJAX spinner.

Here is a working example with the same pattern.

Instead of going to:

http://jquerymobile.com/demos/1.1.0/

They would be unsuccessfully trying to go to:

http://jquerymobile.com/demos/1.1.0/#home

Is there some way that I can intercept the #home part of the URL and send them to the correct URL?

Replies(2)

zSprawl

Re: Migrated to jQuery Mobile from jQTouch, legacy URL problem

11 years ago

You could probably create an Apache redirect on your webserver.

Or you can make the initial page called "home" in your jQM code.

---
http://zsprawl.com

notmike

Re: Migrated to jQuery Mobile from jQTouch, legacy URL problem

11 years ago

Unfortunately, an Apache redirect isn't an option because it is not Apache; it is an obscure Swedish web server few have ever heard of.

With my limited JavaScript skills, I came up with the code below. It is not ideal (it leaves a hash mark at the end of the URL), but at least the main page loads successfully.

http://myexample.com/#home

becomes:

http://myexample.com/#

<script type="text/javascript">
if(window.location.hash == '#home') {
window.location.hash = '';
}
</script>

Top Reply

Response title

Attachments

jQuery Forum

Migrated to jQuery Mobile from jQTouch, legacy URL problem

Replies(2)

Re: Migrated to jQuery Mobile from jQTouch, legacy URL problem

Re: Migrated to jQuery Mobile from jQTouch, legacy URL problem

Statistics

Tags

Actions