0

我正在尝试自定义我的 jQuery UI 确认对话框窗口。找不到如何从按钮上移除浅蓝色外发光（悬停时），将关闭文本按钮从“关闭”更改为“x”并移除关闭按钮悬停背景。某处是否有关于所有对话框类的文档？

这是代码：

function fnComfirm(title, content, btnId) {
    $("#dialog:ui-dialog").dialog("destroy");
    $("#dialog-confirm p").text(content);
    $("#dialog-confirm").dialog({
        title: title,
        resizable: false,
        height: 200,
        width: 486,
        modal: true,
        buttons: {
            "OK": function() {
                $( this ).dialog("close");
                if (btnId) document.getElementById(btnId).click();                  
                return true;        
            },
            Cancel: function() {
                $( this ).dialog("close");
                return false;
            }
        }
    });
    $('body').css('overflow','hidden');
    $("div[role=dialog] button:contains('Cancel')").css("background-image", "none").css("border", "0px solid #FFF");
    $('.ui-dialog :button').blur();     
}

HTML：

<div id="dialog-confirm" title="Are you sure?"><p></p></div>

包括：

<h:outputScript library="js" name="jquery-ui-1.8.min.js" />
4

2 回答 2

6

要更改关闭按钮文本，您可以传入一个选项，如标题（在对话框创建中），称为 closeText。

$("#dialog-confirm").dialog({
    title: title,
    closeText : 'hello' //Changes the text of the titlebar-close button to hello instead of default Close
    ...
    ...
})

并且要从关闭按钮中删除外发光（焦点），您可以进入 css 的 titlebar-close 并将轮廓属性标记为零，如下所示：

.ui-dialog .ui-dialog-titlebar-close {
   outline: 0;
 }
于 2016-01-08T15:29:27.037 回答
0 
Div.dialog({
    autoOpen: true,
    closeOnEscape: false,
    closeText: '',
    modal: true,
    draggable: false,
    resizable: false,
    width: 640,
    height: 420,
    close: function(event, ui) {
        if (orderModifyFlag == true) {
            messageDisplay(1000);
        } else {
            messageDisplay(651);
        }
    }
});
于 2021-07-21T05:04:20.517 回答