Jquery UI对话框取消按钮作为链接?

时间:2015-05-13 18:54:55

标签: jquery jquery-ui jquery-ui-dialog

如何在删除按钮后将JQuery UI对话框取消按钮更改为同一位置的链接?

 $("#deletedialog").dialog({
    height: 200,
    width: 500,
    buttons: {
        "Delete": {
            text: "Delete",
            class: "btn btn-success",
            click: function () {
                $(this).dialog("close");
                $.ajax({
                    url: urlpost,
                    type: 'Post',
                    data: formData,
                    success: function (result) {
                        $('#' + container).html(result);
                    }
                });
            }
        },
        "Cancel": {
            text: "Cancel",
            class: "linkbutton",
            click: function () {
                $(this).dialog("close");

            }
        }
    }
});

enter image description here

1 个答案:

答案 0 :(得分:1)

这可能不是最理想的解决方案,但它可以完成工作

http://jsfiddle.net/1oavLqoo/

我只是删除JUI将添加的类,并保留自定义类。

$(".linkbutton").removeClass("ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only");