Question

在我正在处理的Web应用程序中，我有部分视图，我通过JqueryUI对话框在“详细信息”页面上显示。我正在尝试为标题右上角的关闭按钮添加一个JqueryUI工具提示，该文件包含对话框。下面我有一些我的代码。我知道由于我的第二个功能，脚本将从它们当前在此Web应用程序中的位置起作用。 '.ui-dialog-titlebar-close'是应用于对话框标题中的关闭按钮的类（基于chrome firebug）。我在解决方案中找到的最接近的答案是https://forum.jquery.com/topic/tooltip-in-a-dialog-pop-up-without-hovering

发现此问题与我的相似... How to change the 'X' button in a jquery dialog box to read 'Close' ...任何我可以操纵关闭按钮的方式达到了我这样的要求吗？例如“.addTitle（）”??即将修补这个想法。

感谢所有帮助或信息。

<script>
    $(function() {
    $('.ui-dialog-titlebar-close').tooltip({
        content: function () {
            return "test";
        }
    });
});

$(function () {
    $('#testThing').tooltip();
});

</script>

非常感谢，岩石

Answer 1

我会尝试在对话框中使用create事件：

$("yourSelector").dialog({
   create: function(){$(".ui-dialog-titlebar-close").attr("title","Your text goes here");}
});

Answer 2

这可以通过编辑

的行来修复

.addClass("ui-dialog-titlebar-close ui-corner-all")

在'jquery.ui.dialog.js'或（'jquery.ui.all.js'）页面，目前正在读取

.attr('role', 'button')

只需将其更改为

即可

.attr({'role': 'button', 'title': "close (Esc)")

这将解决问题

Answer 3

我认为最简单的解决方案是更新jQuery UI对话框的选项配置。像：

$("#dialogConfirm").dialog({
    autoOpen : false,
    modal : true,
    resizable : false,
    dialogClass : "confirm-dialog",
    closeText : "Click to Close the dialog" // Here is the Gem
});

对话框关闭按钮上的Jquery工具提示

3 个答案: