5

jqueryダイアログのデフォルトの閉じるアイコンボタンを変更したい。

このcssクラスをjquery-ui-1.8.23.custom.cssに追加しようとしました:

.ui-icon-myCloseButton { background-image: url(/path/image.png); }

およびダイアログ定義で:

$('#documentsDialog').dialog({
   create: function(event,ui) {
           var widget = $(this).dialog("widget");
           $(".ui-dialog-titlebar-close span",widget).removeClass("ui-icon-closethick").addClass(".ui-icon-myCloseButton");

});

しかし、運が悪い、何か考えはありますか？

4

1 に答える 1

9

閉じ中括弧がありませんでした:

$('#documentsDialog').dialog({
    create: function(event, ui) {
        var widget = $(this).dialog("widget");
        $(".ui-dialog-titlebar-close span", widget).removeClass("ui-icon-closethick").addClass("ui-icon-myCloseButton");
    }
});​

しかし、最も重要なのは、css クラスを次のように宣言する必要があることです。

.ui-icon.ui-icon-myCloseButton{
    background-image: url(https://www.goldbroker.com/pages/images/close.png);
}​

問題は、.ui-icon の定義がカスタム イメージをオーバーライドしていたことです。上記のcssを使用して再定義すると、完全に機能します。

ここで、フィドルを持っています: http://jsfiddle.net/adrianonantua/FuWsK/2/

于 2012-10-31T16:32:53.887 に答える