Question

我正在尝试对用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");
                }
            }
        });
    },

我怎么能做到这一点？

感谢您的帮助。

Answer 1

试试这个：

$("#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)
    }
});

来源：Apply CSS to jQuery Dialog Buttons

Answer 2

您可以使用jQuery向任何元素添加类 -

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

如果按钮ID为abc，您可以使用 -

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

More about add classes using 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
        }
    }
]
        }
    });

在一些javascript按钮中添加一个类

2 个答案: