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
Solved

page change always jumps to bottom of content: jquery mobile

Posted on 2011-09-13
4
578 Views
Last Modified: 2013-12-27
Hello,

I have created a database driven website which uses jquery mobile. It is a shoe store, what happens is this.

First you go to the list of shoes, then click on a shoe for more details  (click view to go to shoe details). Each time you go to the shoe details page, the page aligns to the bottom of the page, very annoying.

I understand that it is trying to be smart and go back to the same spot that you left the page previously, but on many website this is not a feature, but a huge bug.

this is the website
http://www.getoutsideshoes.com/mobile_new/brand_new.php 

I need the shoe details page to always load at the top of the page, the other pages on the site do this annoying thing too, but the shoe details is most important.
0
Comment
Question by:jblayney
  • 3
4 Comments
 
LVL 5

Expert Comment

by:zvytas
ID: 36530109
Something is wrong with the URL ou;re generating. When I clicked on the show I was redirected to the following:

http://www.getoutsideshoes.com/mobile_new/brand_new.php#/mobile_new/product.php/?id=6863&whichpage=&brand=&cat=&dept=

The problem in this URL is hash (#). I then change the URL to the following:

http://www.getoutsideshoes.com/mobile_new/product.php/?id=6863&whichpage=&brand=&cat=&dept=

This version works as expected.
0
 
LVL 1

Author Comment

by:jblayney
ID: 36530262
Hello Zvytas,

thats is the answer i got on the jquery forum - unfortunately i do not create that hash nor can i remove it..

this hash is create by the jquery mobile core code,, my link is simply...

http://www.getoutsideshoes.com/mobile_new/brand_new.php?

jquery mobile rewrites it into what you see...
0
 
LVL 1

Accepted Solution

by:
jblayney earned 0 total points
ID: 36530726
Ok, I found the solution, I upgraded to the new beta 3 version of jquery mobile and it is fixed...
0
 
LVL 1

Author Closing Comment

by:jblayney
ID: 36555806
0

Featured Post

Free Tool: IP Lookup

Get more info about an IP address or domain name, such as organization, abuse contacts and geolocation.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

You should read OS supplied guidelines before developing. I can't stress that enough. The guidelines will help you understand the reasons mobile app developers do what they do.  Apple is very particular when they review appstore submissions.
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
Viewers will learn how to connect to a wireless network using the network security key. They will also learn how to access the IP address and DNS server for connections that must be done manually. After setting up a router, find the network security…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. 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.: (CODE)

856 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