我有以下代码。我正在做的是显示数据,然后我有一个删除按钮。我无法让 jquery 对话框出现。我不确定我做错了什么。
@model data_Input
<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
<div data-role="page" data-theme="b">
<div id="main" data-role="content">
<div style = "padding-bottom: 10px; padding-top: 20px" class="editor-label">
@Html.Label("Type"): @Html.DisplayFor(m => m.data_Name)
</div>
<div class="editor-label">
@Html.Label("Value"): @Html.DisplayFor(m => m.Date)
</div>
<p>
<a href="#dialog" data-role="button" data-inline="true" data-rel="dialog" data-transition="pop">Open dialog</a>
</p>
</div>
</div>
<!-- Start of second page -->
<div data-role="page" id="dialog">
<div data-role="header">
<h1>
Bar
</h1>
</div><!-- /header -->
<div data-role="content">
<p>
I'm second in the source order so I'm not shown as the page initally.
</p>
<p>
<a href="#foo">Back to foo</a>
</p>
</div><!-- /content -->
<div data-role="footer">
<h4>
Page Footer
</h4>
</div><!-- /footer -->