Jquery 我如何在点击按钮时打开剑道模型弹出窗口，并使用按钮将其关闭
我已经创建了一个剑道模型弹出窗口，我想点击一个按钮或超链接来打开它，并在模型上添加一个关闭按钮。现在，它只加载模型一次，我运行的形式没有点击按钮，它的工作很好，但这不是我想要的。我是剑道新手，正在努力学习Jquery 我如何在点击按钮时打开剑道模型弹出窗口，并使用按钮将其关闭,jquery,asp.net-mvc,kendo-ui,popup,Jquery,Asp.net Mvc,Kendo Ui,Popup,我已经创建了一个剑道模型弹出窗口，我想点击一个按钮或超链接来打开它，并在模型上添加一个关闭按钮。现在，它只加载模型一次，我运行的形式没有点击按钮，它的工作很好，但这不是我想要的。我是剑道新手，正在努力学习 用户必须单击“显示模型”以打开按钮 模型开放 模型上有两个按钮。关闭并保存 用户必须单击“关闭”，模式必须关闭 我试过以下方法 模型视图 <div class="form-group form-horizontal custom-form"> <lab
<div class="form-group form-horizontal custom-form">
<label id="txtDate"> Date:</label>
<div id="calendar2" class="input-group">
<div class="input-group-addon">
<i class="fa fa-calendar"></i>
</div>
<input type="date" class="form-control pull-right" id="txtDate">
</div>
</div>
<div class="modal-footer">
<button class="btn btn-default" id="btnClose" type="button">Cancel</button>
<button class="btn btn-primary" id="btnSave" type="submit">Save</button>
</div>
</div>
<div>
<button type="button" id="showModal" class="btn btn-primary">Show Model</button>
</div>
日期：
取消
拯救
<div class="form-group form-horizontal custom-form">
<label id="txtDate"> Date:</label>
<div id="calendar2" class="input-group">
<div class="input-group-addon">
<i class="fa fa-calendar"></i>
</div>
<input type="date" class="form-control pull-right" id="txtDate">
</div>
</div>
<div class="modal-footer">
<button class="btn btn-default" id="btnClose" type="button">Cancel</button>
<button class="btn btn-primary" id="btnSave" type="submit">Save</button>
</div>
</div>
<div>
<button type="button" id="showModal" class="btn btn-primary">Show Model</button>
</div>
展示模型
<script type="text/javascript">
$(document).ready(function () {
$("#dialog").kendoWindow({
title: "Edit Roles",
maxHeight: 500,
maxWidth: 400,
position: {
top: 450,
left: "50%"
},
resizable: false,
scrollable: false,
modal: true,
close: function () {
$("#dialog").kendoWindow()
var win = this;
$('#btnClose').click(function () {
win.close();
alert("closed")
})
}
});
});
</script>
$（文档）.ready（函数（）{
$（“#对话框”）.kendoWindow({
标题：“编辑角色”，
最大高度：500，
最大宽度：400，
职位：{
排名：450，
左：“50%。”
},
可调整大小：false，
可滚动：false，
莫代尔：是的，
关闭：函数（）{
$（“#dialog”）.kendoWindow（）
var win=这个；
$（'#btnClose'）。单击（函数（）{
win.close（）；
警报（“关闭”）
})
}
});
});