如何隐藏Jquery UI对话框上的按钮

Question

我一直使用JQuery UI对话框。下面的代码我正在使用。有谁能告诉我如何在点击

后隐藏导出按钮吗?

$( "#dialog-confirm1" ).dialog({
            resizable: false,
            height:350,
            width:650,
            modal: false,
            autoOpen:false,
            buttons: {
                "Export": function() {
                    exportCSV(2);

                },
                Cancel: function() {
                    $( this ).dialog( "close" );
                }
            }
        });

Answer 1

您可以使用$('.ui-button:contains(Export)').hide():(以下代码在单击导出按钮时隐藏它)

$( "#dialog-confirm1" ).dialog({
            resizable: false,
            height:350,
            width:650,
            modal: false,
            autoOpen:false,
            buttons: {
                "Export": function() {
                    exportCSV(2);
                    $(event.target).hide();

                },
                Cancel: function() {
                    $( this ).dialog( "close" );
                }
            }
        });

Answer 2

buttons选项的文档说:

回调的上下文是dialog元素;如果你需要访问权限对于按钮，它可以作为事件对象的目标。

因此，您可以使用event。目标指向按钮元素:

buttons: {
    "Export": function(event) {
        $(event.target).hide();
        exportCSV(2);
    },
    "Cancel": function() {
        $(this).dialog("close");
    }
}

Answer 3

buttons: [{
    "Export": function() { exportCSV(2); },
    click: $( this ).hide()
}]