jquery Mobile url 添加 # 标签，该标签会破坏 Internet Explorer 中的表单

Question

大家好，我的问题是我有一个 jquery 移动网站，其链接与普通网站类似，例如

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

现在，当他们在 Firefox 等中转到该页面时，它会转到

http://mysite.com/#login

然后浏览器启动并删除 #，因此它会转到

http://mysite.com/login

问题是，在 Internet Explorer 中，这种情况不会发生，并且它显示(在本例中)登录表单，但帖子不想工作，只是返回主页，因此

http://mysite.com

我听到有人说删除 ajax 来解决这个问题，但这不是解决了真正的问题吗？

任何帮助都会很棒。

如果我删除#然后魔法一切都会起作用。只是想让你知道。

谢谢 理查德

<小时/>

我使用的是 jquery mobile，因此我将这些内容包含在我的 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

只需在布局(主)中添加以下 jquery 代码，您的网站就可以在 IE 中运行。它真的可以运行...... 此代码获取表单标签。如果您的 View 没有表单标签，则包含表单标签。并看到奇迹。

 <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>