[robvenable]

Hi,
I have a mobile site that I've been developing in HTML5 with Visual Studio 2010. My default page has 5 links on it that links up to 5 pages on my site.
<ul data-role="listview" data-inset="true">
<li data-role="list-divider">Menu</li>
<li><a href="Services.aspx" data-transition="slide">Services</a></li>
<li><a href="Support.aspx" data-transition="slide">Support</a></li>
<li><a href="Hosting.aspx" data-transition="slide">Web Hosting</a></li>
<li><a href="About.aspx" data-transition="slide">About</a></li>
<li><a href="Contact.aspx" data-transition="slide">Contact</a></li>
</ul>

The problem is, when I click on a link, it appends the page to the url rather than navigating to that page. The page still displays but the url is wrong. So if my url is "http://www.mydomain.com/mobile/default.aspx" and I click on the Services link above, the url changes to "http://www.mydomain.com/mobile/default.aspx#/mobile/Services.aspx". This is just a simple link.
Has anyone ever experienced this behaviour and what can be done to have the correct url come up?

Thanks

[robvenable]

Update,
This in only hapenning on IE9. Works on Firefox and Chrome. This can be viewed at www.codenet.ca/m.
You can see when you click on the buttons on the default page, it appends the page to the existing url with a pound (#) sign.
Has anyone seen this behaviour before?

[AverageJake]

robvenable, on 15 October 2012 - 05:53 PM, said:

Update,
This in only hapenning on IE9. Works on Firefox and Chrome. This can be viewed at www.codenet.ca/m.
You can see when you click on the buttons on the default page, it appends the page to the existing url with a pound (#) sign.
Has anyone seen this behaviour before?

Were you ever able to get this working correctly? Since you're using ASP.NET and jQuery Mobile, there could be a lot of different things going on. It would be nice to try to rule some of them out. Let me know if you're still having this issue and I can try to help you work through it.

Jake

[robvenable]

Hi Jake,
Yes I did get this working. Apparently this is the behaviour of jquery mobile so what you have to do is set an attribute of data-ajax="false" in the link and that will take care of it. Or, you can put it in your form element and it will do it for the entire page.
<form id="form1" runat="server" data-ajax="false">

Rob

[Indianic]

Thanks for sharing the information. It is really informative and useful.


Android App Developer | Android game Development