Search jQuery

jQuery Forum

in jQuery Mobile • 11 years ago

I've been having a problem with how the back button functions.

Lets say i have a jQuery Mobile web app at /site

I have an internal link to a list of options at /site/#foo. Clicking the back button takes me to /site as normal.

If I link to an external page from /site/#foo to say bar.php on the same domain, clicking the back button takes me to /site instead of /site/#foo

I tried over riding the back button on /site/#foo header with:

<a href='/site/#home' class='ui-btn-left ui-btn-back' data-icon='arrow-l' rel='external'>Back</a> but the transition looks incorrect.

Anyone have a solution to link from an external page back to a specific page using the # sign?

thanks!

Replies(3)

11 years ago

How do you link to the external page bar.php?

For me it worked well with a mix of internal and external pages and proper transitions.

Beat

11 years ago

I just link to it as a normal link without rel="external" since it's the same domain.

Example:

(index.php with internal # links)

(From list view #foo)

Clicking back button from bar.php takes me all the way back to home page instead of #foo.

--------------------------------------------------------------------------------------------------------

Do you have a working example?

11 years ago

@beatgeb I tried it again but made a change to the link.

Instead of linking to "bar.php" i linked to "./bar.php"

Back button works properly now!