JQuery UI dialog - How do I add buttons from an object

Question

I have this code:

var bt = {}

bt = {
    text: "OK",
    click: function () {
        // Deletefunction here...
        $(this).remove()
    }
}, {
    text: "Cancel",
    click: function () {
        $(this).remove()
    }
}

$("#test").dialog({
    title: "Confirm deletion",
    width: "300px",
    buttons: [bt]
})

Why do I only see the OK button, and not the Cancel button?? JSfiddle here.

Frédéric Hamidi · Accepted Answer · 2013-11-20 22:15:05Z

1

That's because your assignment to bt does not do what you think it does. It ends up applying the comma operator and is equivalent to:

bt = {
    text: "OK",
    click: function () {
        // Deletefunction here...
        $(this).remove();
    }
};
// Stray, ignored object literal.
{
    text: "Cancel",
    click: function () {
        $(this).remove();
    }
};

If you want bt to be an array, then make it so:

var bt = [{
    text: "OK",
    click: function () {
        // Deletefunction here...
        $(this).remove();
    }
}, {
    text: "Cancel",
    click: function () {
        $(this).remove();
    }
}];

$("#test").dialog({
    title: "Confirm deletion",
    width: "300px",
    buttons: bt
});

edited Nov 20, 2013 at 22:15

answered Nov 20, 2013 at 9:17

Frédéric Hamidi

264k42 gold badges497 silver badges486 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

JQuery UI dialog - How do I add buttons from an object

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related