部分视图中的JQuery Mobile Control没有正确的样式

时间:2012-01-10 05:27:19

标签: jquery asp.net-mvc asp.net-mvc-partialview

在常规视图中,<a href="#" data-role="button">Button</a>会给你一个漂亮的按钮。但是如果上面的代码是局部视图,它只会呈现为常规的html链接......

任何使部分视图中的控件像常规jquery控件一样工作的方法?

2 个答案:

答案 0 :(得分:2)

如果在局部视图中动态渲染它,在“页面加载”后,则不会应用样式。你需要做的是在页面上调用“pagecreate”。

$('#page').trigger('pagecreate');

如果你的链接在列表视图中,那么你还需要像这样“刷新”你的列表:

$("#List").listview('refresh');

希望这有帮助。

答案 1 :(得分:1)

如果您使用的是MVC 4,那么您只需在局部视图中添加对布局的引用。

@{ 
    Layout = "~/Views/Shared/_Layout.cshtml";
}

在我的情况下,我有单独的移动视图是部分的,所以我只是将它添加到.Mobile.cshtml文件中,它将推断使用_Layout.Mobile.cshtml。