带有 MVC 的 JQuery 移动链接

Posted

技术标签:

【中文标题】带有 MVC 的 JQuery 移动链接【英文标题】:JQuery Mobile Links with MVC 【发布时间】:2012-01-05 01:13:15 【问题描述】:

我正在使用 ASP.NET MVC 3 和 Razor UI 建立一个 JQuery 移动站点。我正在生成我的链接,例如:

<a href='@Url.Action("View", "Users", new  Group = 2 )' data-role="button">See Group 2</a>

假设我从 Home/Index 访问它。我遇到的问题是当我点击链接时,它确实:

http://localhost/myapp/Home/Index#myapp/Users/View

我还尝试了直接帮助程序@html.ActionLink("View", "Users", ...),但我遇到了与 URL 相同的问题,这导致应用程序崩溃。在链接之前放 / 会更糟。有什么想法吗?

谢谢。

【问题讨论】:

您是否指定了一些自定义路线...如果是,它们的外观如何 @3nigma 没有自定义规则。 【参考方案1】:

每个链接您都可以这样做:

设置rel=external 属性,或设置任何target 属性。

您可以在全球范围内这样做:

$(window.document).bind("mobileinit", function() 

    $.mobile.ajaxEnabled = false;
    $.mobile.hashListeningEnabled = false;

);

jQuery Mobile's navigation model

【讨论】:

这对任何人都有效吗,我仍然得到破坏验证等的#标签?网址 = localhost/#/Account/Login

以上是关于带有 MVC 的 JQuery 移动链接的主要内容,如果未能解决你的问题,请参考以下文章

带有多余边距顶部的 jQuery 移动面板

jquery移动多页MVC 4

如何在jQuery中移动表格行?

带有angular2的spring mvc(rest)导致302暂时移动

jQuery toggleClass 在移动设备上无法正常工作

使用jquery ui在mvc 4中打开带有参数的模态窗口