0

javascript で書かれたフォームを編集しようとしていますが、この言語に慣れてきたばかりです。いくつかのボタンをフォーマットしようとしています。これを行うには、それらにクラスを追加したいと思います。問題のボタンは「追加」と「キャンセル」であり、次の関数でレンダリングされます。

    showAddDialog: function() {
        $("#dialog").data("product",upsmart.products.pcounter);
        $("#dialog").html(upsmart.products.createForm(upsmart.products.pcounter));
        $("#photo_button").click(open_media_library);
        upsmart.products.pcounter++;
        $("#dialog").dialog({
            width: 600,
            modal: true,
            buttons: {
                "Add": upsmart.products.addProduct,
                "Cancel": function() {
                    $(this).dialog("close");
                }
            }
        });
    },

どうすればこれを達成できますか?

助けてくれてありがとう。

4

2 に答える 2

3

これを試して：

$("#dialog").dialog({
            width: 600,
            modal: true,
            buttons: [
        {
            text: "Cancel",
            "class": 'cancelButtonClass',
            click: function() {
                // Cancel code here
            }
        },
        {
            text: "Save",
            "class": 'saveButtonClass',
            click: function() {
                // Save code here
            }
        }
    ],
    close: function() {
        // Close code here (incidentally, same as Cancel code)
    }
});

ソース: CSS を jQuery ダイアログ ボタンに適用する

于 2013-08-29T18:48:19.753 に答える
0

jQueryを使用して任意の要素にクラスを追加できます-

$(element).addClass("class-name")

ボタンIDがabc使用できる場合-

$("#abc").addClass("class-name")

jQuery を使用したクラスの追加の詳細

そして、あなたの特定のjQuery dialog使用例では -

   $("#dialog").dialog({
        width: 600,
        modal: true,
        dialogClass
       buttons: [
    {
        text: "Add",
        "class": 'addButtonClass',
        click: function() {
            // Cancel code here
        }
    },
    {
        text: "Cancel",
        "class": 'CancelButtonClass',
        click: function() {
            // Save code here
        }
    }
]
        }
    });
于 2013-08-29T18:46:37.760 に答える