Jquerymobile剃须刀模板不呈现html

Question

我正在使用 razor 模板，以便在处理代码时减少 mvc 视图中的杂乱程度。我创建了“部分”，它将呈现为我的移动页面所需的单独页面，如下所示：

<div data-role="page" id="page2">
<div data-role="header">
    @if (IsSectionDefined("Header2"))
    {
        @RenderSection("Header2")
    }
    else
    {
    }
</div>
<div data-role="content">
    @if (IsSectionDefined("Content2"))
    {
        @RenderSection("Content2")
    }
    else
    {
    }
</div>
<div data-role="footer">
    @if (IsSectionDefined("Footer2"))
    {
        @RenderSection("Footer2")
    }
    else
    {
    }
</div>

我对最多 3 个页面使用与上述相同的模板。

我目前的问题是我已经使用以下方法为我的第 2 页分配了一些代码：

@section Content2{
<div id="machinesearch" class="ui-content">
    <ul id="machinelist" data-autodividers="true" data-theme="d" data-divider-theme="a"
        data-filter="true" data-role="listview">
        @foreach (var item in Model.Plants)
        {
            <li><a href="#page1" onclick="javscript:MachineSet($(this).find('input').val(),$(this).text());">@item.Asset_Descriptor<input id="Sap_ID" type="hidden" value="@item.Asset_SAP_ID"/></a></li>      
        }
    </ul>
</div>

}

我显示此页面的链接是：

$("#testbutton").click(function(){

$('#page2').trigger('pagecreate');
$("#machinelist").listview('refresh');
alert("test");

});

但这似乎没有任何区别。

有什么想法吗？

当我查看第一页的 html 源代码时，我可以看到所有数据都正确加载，其中还包含第二页的 html。这似乎是因为 razor 在页面 1 加载后将数据注入到页面 2。

Answer 1

你实际上并没有显示页面.....

$.mobile.changePage("#page2");

将显示页面。