有一个学生表,如果学生通过,那么我想在点击链接时删除表中的记录,否则不会为此我正在检查状态并显示弹出窗口。但在这两种情况下,它都向我展示了弹出窗口。
Bellow是我的锚标记:
<a data-dialog-href="#" id="delete-@Model.StudentId" href="#" data-status="@Model.Status">Delete</i></a>
和 Jquery :
<script>
jQuery('body').on('click', '[data-dialog-href]', function (e) {
var studentStatus = jQuery(this).attr('data-status');
if (studentStatus == "Completed") {
$("#dialog-delete").dialog({
resizable: false,
modal: true,
title: "Confirm Delete",
height: 250,
width: 400,
buttons: {
"Yes": function (e) {
$("dialog-confirm").css("display: block");
$(this).dialog('close');
},
"No": function () {
$(this).dialog('close');
}
}
});
}
else
{
$("#dialog-ok").dialog({
resizable: false,
modal: true,
title: "Inforamtion",
height: 250,
width: 400,
buttons: {
"OK": function () {
$("dialog-confirm").css("display: block");
$(this).dialog('close');
}
}
});
}
});
</script>
弹出div :
<div id="dialog-delete">
Are you sure you want to Delete Student?
</div>
<div id="dialog-ok">
The student is not pass, Cant Delete this student.
</div>
dialog-ok首先执行然后执行dialog-delete。
请帮帮我。提前致谢。
答案 0 :(得分:2)
您在 studentStatus 变量中获得了价值,并且您在其余代码中使用了状态变量。