partialview中的JQuery Mobile控件沒有正確的樣式

Question

在常規視圖中，<a href="#" data-role="button">Button</a>會給你一個漂亮的按鈕。但如果上面的代碼是在局部視圖中，它只呈現爲一個常規的HTML鏈接...

任何使部分視圖中的控件像常規jQuery控件一樣工作的任何方式？

Answer 1

如果您在局部視圖中動態渲染它，那麼在「頁面加載」後，該樣式將不會應用。那麼你需要做的就是在頁面上調用「pagecreate」。

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

如果你的鏈接是在ListView，然後你幾乎也需要「刷新」像這樣的列表：

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

希望這有助於。

Answer 2

如果您使用的是MVC 4，那麼您所要做的就是在部分視圖中添加對佈局的引用。

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

在我來說，我有一個爲部分獨立移動的看法，所以我只是已將此添加到.Mobile.cshtml文件，它會推斷使用_Layout.Mobile.cshtml的。