我正在尝试使用模型制作一个对话框。但我没有得到输出。这是我的代码
头文件
<head id="Head1" runat="server">
<title></title>
<link href="css/jquery-ui.css" rel="stylesheet" />
<script src="js/jquery-3.1.1.js"></script>
<script src="js/jquery-ui.js"></script>
<%--<script src="js/jquery-ui.min.js"></script>--%>
<script src="js/Report-Filter.js"></script>
<script src="js/ReportTotalSalesPivot.js"></script>
<script src="js/bootstrap.js"></script>
<link href="css/bootstrap.css" rel="stylesheet" />
<link href="css/jquery-ui.min.css" rel="stylesheet" />
<link href="css/Accordian-Hide-Show.css" rel="stylesheet" />
<script src="js/Accordian-Hide-Show.js"></script>
<link href="css/ReportTotalSalesPivot-style.css" rel="stylesheet" />
</head>
体内
<input id="btnSave opener" class="btn btn-info" type="button" value="SAVE" />
<div id="wrapper">
<p>Some txt goes here</p>
</div>
Jquery代码
$(document).ready(function () {
$('#wrapper').dialog({
autoOpen: false,
title: 'Basic Dialog'
});
$('#opener').click(function () {
$('#wrapper').dialog('open');
return false;
});
});
请不要推荐这个fiddle .从这里只有我得到了代码。我认为在 head 标签中安排链接的问题。
我收到错误消息。我认为该错误与此模型无关。
错误信息
jquery-3.1.1.js:6170 GET http://localhost:55047/css/images/ui-icons_444444_256x240.png 404 (Not Found)
最佳答案
将按钮 id
更改为没有空格的按钮。您不能在 id 中使用空格。看起来您正在以与 class
相同的方式使用它,您可以在其中添加多个值。
<input id="btnSave" class="btn btn-info" type="button" value="SAVE" />
然后如果您修改 jQuery 监听器,模式将打开。
$('#btnSave').click(function () {
$('#wrapper').dialog('open');
});
而您丢失的那些图像可能是 downloaded here .它们包含在 UI 下载中。
关于javascript - 如何使用 Jquery 在 ASP.Net 中制作对话框?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42136211/