Demo of jquery.confirm with Bootstrap 3

# Demo

| Demo | Code
--- | --- | ---

Simple confirmation (link)

Click me

    <a id="simpleConfirm" href="" class="btn btn-primary">Click me</a>

    $("#simpleConfirm").confirm();

Confirmation dialog customized with JS:

    <button class="btn btn-primary" id="complexConfirm">Click me</button>

    $("#complexConfirm").confirm({
        title:"Delete confirmation",
        text:"This is very dangerous, you shouldn't do it! Are you really really sure?",
        confirm: function(button) {
            alert("You just confirmed.");
        },
        cancel: function(button) {
            alert("You aborted the operation.");
        },
        confirmButton: "Yes I am",
        cancelButton: "No"
    });

Confirmation dialog customized with "data-" attributes:

    <button class="btn btn-primary" id="dataConfirm"
            data-title="Hello there!" data-confirm-button="Yes I am">
        Click me
    </button>

    $("#dataConfirm").confirm();

Manual triggering

    <button class="btn btn-primary" id="manualTrigger">Click me</button>

    $("#manualTrigger").click(function() {
        $.confirm({
            text: "This is a confirmation dialog manually triggered! Please confirm:",
            confirm: function(button) {
                alert("You just confirmed.");
            },
            cancel: function(button) {
                alert("You cancelled.");
            }
        });
    });

No cancellation button

    <button class="btn btn-primary" id="noCancelButton">Click me</button>

    $("#noCancelButton").confirm({
        text: "This is a confirmation dialog manually triggered! Please confirm:",
        cancelButton: false,
        confirm: function() {
            alert("You just confirmed.");
        },
    });

Modal options

    <button class="btn btn-primary" id="modalOptions">Click me</button>

    $("#modalOptions").confirm({
        text: "You can't escape! You are forced to choose!",
        modalOptionsBackdrop: 'static',
        modalOptionsKeyboard: false,
        confirm: function() {
            alert("You just confirmed.");
        },
        cancel: function() {
            alert("You cancelled.");
        }
    });