Jquery Bootstrap UI - External Modal popup

Question

I am trying to create a function that will create an confirm delete message on any link or button with the class of "delete", inside a bootstrap modal. I currently have this code to create a regular confirm dialog:

'init_confirm_delete' : function(){
    $('a.delete,button.delete').live('click',function(e){
        return confirm('Are you sure you want to delete this?');
        e.preventDefault();
    });

},

That works fine. Below is my new code trying to integrate bootstrap UI:

    'init_confirm_delete' : function(){
    $('a.delete,button.delete').click(function () {
        $('#delete-confirm').dialog('open');
    return false;
});
    $("delete-confirm").dialog({
        autoOpen: false,
        modal: true,
        buttons: {
            Ok: function () {
                $(this).dialog("Delete");
            },
        }
    })      
},

Any ideas fellow coders?

The Alpha · Accepted Answer · 2012-09-26 20:05:44Z

1

I see a mistake and that is

$("delete-confirm").dialog({ ... }); // missing # for id selector

should be

$("#delete-confirm").dialog({ ... });

answered Sep 26, 2012 at 20:05

The Alpha

147k30 gold badges294 silver badges313 bronze badges

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

Collectives™ on Stack Overflow

Jquery Bootstrap UI - External Modal popup

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