Question

Hi guys my problem is that I have a jquery mobile site with links like normal e.g

<a href="http://mysite.com/login">Login</a> 

Now when they go to that page in firefox etc it goes to

http://mysite.com/#login

Then the browser kicks in and removes the # so it goes to

http://mysite.com/login

The problem is that in Internet Explorer this doesn’t happen and that it displays (in this case) the login form but the post doesn’t want to work and just goes back to the homepage so

http://mysite.com

I’ve heard people saying to remove the ajax to fix this but isn’t this not fixing the real problem?

Any help would be great.

If I remove the # then magic it all works. Just so you know.

Thanks
Richard

---

I’m using jquery mobile so I’m including these in my header.

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" />
        <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>

Answer 1

just add below jquery code in your layout(master) and you will get your site working in IE.its really working ….
This code get form tag. If your view doesn’t have form tag then include form tag. and See miracle.

 <script type="text/javascript">
           $(document).ready(function () {
           if ($.browser.msie || $.browser.webkit) {

               $("a").attr("data-ajax", "false");
               $("a").attr("rel", "external");

               var a = $("form");
               if (a != null) {
                   $("form").first().attr("data-ajax", "false");
                   $("form").first().attr("rel", "external");
               }
           }
       });
   </script>