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选项的documentation表示：

回调的上下文是对话框元素;如果你需要访问按钮，它可用作事件对象的目标。

因此，您可以使用event.target来引用按钮元素：

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

Answer 3

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

}]

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

3 个答案: