IF ELSE语句都是在点击jquery中的链接时执行的

时间:2016-01-22 07:02:59

标签: javascript jquery

有一个学生表,如果学生通过,那么我想在点击链接时删除表中的记录,否则不会为此我正在检查状态并显示弹出窗口。但在这两种情况下,它都向我展示了弹出窗口。

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。

请帮帮我。提前致谢。

1 个答案:

答案 0 :(得分:2)

您在 studentStatus 变量中获得了价值,并且您在其余代码中使用了状态变量。