javascript - 向一些 javascript 按钮添加类

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

Try this:

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

Source:Apply CSS to jQuery Dialog Buttons

Answer 2

您可以使用 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
        }
    }
]
        }
    });