我正在使用剃须刀模板，因此在处理代码时可以减少 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。这似乎是因为剃须刀在第 1 页加载后将数据注入第 2 页。