0

私が取り組んでいるWebアプリケーションでは、JqueryUIダイアログボックスを介して「詳細」ページに表示する部分的なビューがあります。ダイアログボックスに付属する、ヘッダーの右上隅にある閉じるボタンのJqueryUIツールチップを追加しようとしています。以下に、私のコードの一部を示します。以下の 2 番目の関数により、この Web アプリケーションの現在の場所からスクリプトが機能することはわかっています。'.ui-dialog-titlebar-close' は、ダイアログ ヘッダーの [閉じる] ボタンに適用されるクラスです (chrome firebug に基づく)。私が解決策に見つけた最も近い答えはここにありましたhttps://forum.jquery.com/topic/tooltip-in-a-dialog-pop-up-without-hovering

私のものと似たこの質問を見つけました... jqueryダイアログボックスの「X」ボタンを「閉じる」と読むように変更する方法 ...閉じるボタンを操作して、このように求めたことを達成できる方法はありますか? たとえば、「.addTitle()」?? このアイデアをいじろうとしています。

すべてのヘルプまたは情報を歓迎します。

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

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

</script>

どうもありがとう、ロック

4

3 に答える 3

0

これは、次の行を編集することで修正できます

.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)")

これで問題は解決します

于 2013-12-18T06:55:40.297 に答える
0

最も簡単な解決策は、jQuery UI ダイアログのオプション構成を更新することだと思います。お気に入り:

$("#dialogConfirm").dialog({
    autoOpen : false,
    modal : true,
    resizable : false,
    dialogClass : "confirm-dialog",
    closeText : "Click to Close the dialog" // Here is the Gem
});
于 2015-07-17T08:30:50.973 に答える