Question

当我使用jquery移动库时，我的MVC应用程序中的url链接存在问题

这是我的标题参考

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

实施例

http://www.mysitename.com

如果我去http://www.mysitename.com/home/audit它可以正常工作，但如果我点击我的应用程序中的任何链接按钮，它会开始附加＃，然后网址看起来像http://www.mysitename.com/home/audit#home/audit

我使用jquery移动框架时唯一发生的事情

Answer 1

Jquery mobile包装所有链接，以便它默认发送和ajax请求。如果您不想要这种行为，请将rel =“external”属性添加到您的标记中，如下所示。

<a href="multipage.html" rel="external">Multi-page link</a>

您可以阅读文档以获取更多详细信息

http://jquerymobile.com/demos/1.0rc1/docs/pages/page-navmodel.html

Answer 2

如果你不想在ur url中使用＃并想要干净的URL，那么你可以使用anchor标签的target属性。您可以在MVC中使用2个以下技术来使用锚标记

1）直接在锚标记

LinkText

如果你使用jQueryMobile，那么你也可以给data-role =“button”给锚标签看起来像按钮

2）使用HTML Helper

@ Html.ActionLink（“注销”，“LogOff”，“帐户”，null，新{target =“_ self”}）

在上述两种情况下，我们都没有设置锚标签的target =“_ self”属性。让我知道它对你有用吗。

使用jquery移动框架和MVC3

2 个答案: